WordPressの問い合わせ用プラグインであるMW WP Formを使用していると、プラグインが勝手にHTMLを生成してしまうため、チェックボックス横の本文を自由にかすたまいずできなくなってしまう。
例えばポリシーへの同意を確認するチェックボックスでポリシーへの遷移するためのaタグを付けるような場面が該当するかと思う。
今回はその解決方法。
対応方法としてはJavaScriptでチェックボックスのDOMを取得し、操作する。
window.addEventListener('load', function() {
const str = document.querySelector('.mwform-checkbox-field-text');
if (str) {
str.innerHTML = '<a href="/privacy" target="_blank" rel="noopener noreferrer">個人情報の取扱について</a>同意します';
}
});
</script>最後に
当たり前だけど、JavaScriptでDOMを操作してしまえば、大概は解決できるんだなと。
コメント