jQueryのラジオボタン条件分岐で、入力済みのチェックボックスをリセットする方法について

Question

お世話になっております。

jQueryでラジオボタンの項目によって条件分岐させる仕組みを作りたいと思っています。

wordpressのMW WP FORMプラグインでフォームを作成し、

条件分岐をjQueryで行いたいと思っています。

その際、一度、ラジオボタンの１を選択して

展開した中のチェックボックスやテキストエリアに入力した後に、

ラジオボタンの2を選択した場合、

一度入力した内容をリセットする仕組みを作りたいのですが、

下記のコードで条件分岐と、テキストエリアのリセットはできるようになったものの、

チェックボックスがどうしてもリセットできません。

jQuery(function($) {
$('[name="ラジオボタン"]:radio').change(function() {

$(".open_tr").hide();

if ($("input:radio[name='ラジオボタン']:checked").val() == "1") {
$('.open_tr').show();

// 1を選んだ場合 tr.open を展開する

$('.open_tr').show();
} else if($("input:radio[name='ラジオボタン']:checked").val() == "2") {

// 2を選んだ場合は、その前に１を最初に選んで入力していたとしても、内容をリセットする。

$("input[name='チェックボックス']").prop('checked', false);
$("textarea[name='テキストエリア']").val("");

}
}).trigger('change'); 
});

$("input[name='チェックボックス']").prop('checked', false);

この部分の記述がうまくいっていないのだと思うのですが、

調べてみてもどのように記述すればよいのかわからずにおります。

どのようにすればよいか、ご教授いただけないでしょうか。

どうぞよろしくおねがいします。

Comments

[eneko0513]

HTML側でのinputの所のname名とあっていますか？
ぱっと見は動作する記述だと思いますが・・。

HTMLタグ側の情報もあればもう少し具体的になるかもしれません。

[m.ts10806]

本当に「ラジオボタン」とか「チェックボックス」とかいうnameをつけているのでしょうか。

[Novz]

すみません、、お二人のお言葉を受けて、生成されたソースを確認してみたところ解決法が分かりました。

ありがとうございます。見てアドバイスくださり本当にありがとうございました。

お二人がヒントをくださらなかったらずっと解決しませんでした。感謝しております。

[m.ts10806]

いえヒントではなく質問内容に疑問があり、確認をしているのですが…。

Answer 1

m.ts10806様 と eneko0513様 の指摘を受けてソースを確認したところ

name="チェックボックス[data][]"

というようにMW WP FORMにて自分でnameに設定したチェックボックス名の後ろに
[data][] という自動生成された文字列がくっついていました。

これをそのままコピペして

$("input[name='チェックボックス[data][]']").prop('checked', false);

と変更したところ正しく動くようになりました。

ワードプレスプラグイン MW WP FORM の仕様なのかもしれませんが、
よくソースコードを確認するべきでした。

お二人にベストアンサーつけるべきところですが、

質問への追記・修正の依頼にてご指摘いただいておりましたので、自己解決にてクローズさせていただきます。

m.ts10806様 と eneko0513様　ありがとうございました！！