フォーム:ラジオボタンの切り替えによる入力制限

Question

いつもありがとうございます。今、postmailで申込みフォームを作っています。
以前教えて頂いた入力制限のスクリプトを参考に、ラジオボタンの切り替えにより入力制限をしたいのですが、
一度入力した値がボタンを切り替えた時に残ってしまい、消えません。いろいろ調べたのですが、うまくいきませんでした。アドバイスいただけますよう、どうぞよろしくお願いします。

<input id="job" type="radio" name="wear" value="なし">なし
 <input id="check" type="radio" name="wear" value="あり" >あり
        


<input class="alc03" type="radio" name="size" value="S" / required>S
<input class="alc03" type="radio" name="size" value="M" / required>M
<input class="alc03" type="radio" name="size" value="L" / required>L
 <input class="alc03" type="radio" name="size" value="LL" / required>LL
       

$(function() {
  $('#check').on('change',function() {
    $('.alc03').prop('disabled', !$(this).prop('checked'));
			}).change();
});
	

Answer 1

$(function() {
  $('[type=radio][name=wear]').on('change',function() {
    $('.alc03').prop('disabled', $('[type=radio][name=wear]:checked').val()!=="あり");
  }).trigger("change");
});

Comments

[vanille]

yambejpさん、いつもありがとうございます！すぐに動きました。まだまだ勉強不足ですみません。
またどうぞよろしくお願いします。

Answer 2

$('.alc03').prop('disabled', !$(this).prop('checked')).prop('checked',false);

ってことですか？

Comments

[vanille]

shi_ueさん、ありがとうございます。私がどこか間違ってるのか、うまく動きませんでした。すみません。またどうぞよろしくお願いします。