前提・実現したいこと
フォームのラジオボタンが反応しない
ここに質問の内容を詳しく書いてください。
2つあるラジオボタンの中から一つ選択したら、フォーム内のボタンに違うクラスを与えたいのですが、なぜか1つ目のラジオボタンにしか反応しなくて困っています。
もしフォームに詳しい方がいましたら、ご教授願います。
発生している問題・エラーメッセージ
HTML
<form action="" class="contact-form"> <div class="contact-form__radio contact-form__row"> <label> <input type="radio" name="your-radio" class="contact-form__radio__button" value="法人" id="contact-form__radio__button" checked> <span>法人</span> </label> <label> <input type="radio" name="your-radio" class="contact-form__radio__button" value="個人" id="contact-form__radio__button" checked> <span>個人</span> </label> </div> <div class="contact-form__submit"> <input type="submit" value="送信" class="contact-form__submit__button" id="contact-form__submit__button" disabled> </div> </form>jQuery
$(function () {
let $submit = $('#contact-form__submit__button');
$('form input,form textarea').on('change', function () {
if (
$('form input[type="text"]').val() !== "" &&
$('form input[type="email"]').val() !== "" &&
$('form textarea').val() !== "" &&
$('form input[name="your-radio"]').prop('checked') === true
) {
$submit.addClass('is-active');
$submit.prop('disabled',false);
}
else{
$submit.removeClass('is-active');
$submit.prop('disabled',true);
}
});
});
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/10/10 13:28
2021/10/10 13:30
2021/10/10 13:31
2021/10/10 13:37
2021/10/10 13:42
2021/10/10 13:47
2021/10/10 13:51