【MW WP FORM】チェックボックスのchildren属性のテキストを装飾したい

やりたいこと
添付画像①

このように「個人情報の取り扱い」の部分にaタグでリンクを貼りたいです。
HTMLだと簡単なのですが、MW WP FORMから出力されるタグにはフォーマットが決まっている
ようで該当部分にリンクを貼ることができません。
画像の黄色い枠で囲まれている横に同じ「個人情報の取り扱いについて同意します」という文言がありますが、ここがMW WP FORMから出力されたHTMLになります。

MW WP FORMの該当部分のコード
children属性の「個人情報の取り扱いについて同意します」の部分になります。

    <div class="FormItem">
      <div class="FormTitle">
        <div class="FormRequired">必須</div>
        <p>個人情報取扱について</p>
      </div>

      <div class="CheckBoxWrapper">
        [mwform_checkbox name="download-personalcheckbox" class="FormInputCheckBox" children="個人情報の取扱について同意します" separator=","]
      </div>
    </div>
コード

実際に検証上で出力されるコード
この中のmwform-checkbox-field-textというクラスの中にaタグを付与できないかというないようです。

<span class="mwform-checkbox-field horizontal-item">
		<label>
			<input type="checkbox" name="download-personalcheckbox[data][]" value="個人情報の取扱について同意します" class="FormInputCheckBox">
			<span class="mwform-checkbox-field-text">個人情報の取扱について同意します</span>
		</label>
	</span>
コード

よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

プラグインのデフォルト機能では難しそうですね。
JavaScriptの使用に抵抗がないようでしたら、強引ですが下記でいかがでしょうか。
プラグインの仕様変更があった場合にどうしようもないのですが...

他のチェックボックスへの影響を避けるため項目設置時にidを付与した例です。（下記ではtarget）
classのみときはユニークな命名にして配列で取得します。

idはinput要素に付与されますが、変更したいテキストは隣接するspan要素に含まれます。このためnextElementSiblingで隣接要素を取得しています。
ifを挟んでいるのは送信後のロード時に要素が消えるので、エラー対策です。

JavaScript
1window.addEventListener('load', function() {
2  const str = document.getElementById('target');
3  if( str ) {
4    const targetStr = str.nextElementSibling;
5    targetStr.innerHTML = '<a href="" target="_blank" rel="noopener noreferrer">個人情報の取扱について</a>同意します';
6  }
7});