jquery - ラジオの値が指定された値である場合にテキストフィールドを必須にする

Question

ラジオボタンとテキストフィールドのあるフォームがあります。選択したラジオの値が96または97の場合、テキストフィールドを必須にするにはどうすればよいですか。これまでの私のコードは以下のとおりです。

<p style="margin: 0px 4px 1px 4px;padding: 4px 0 4px 0; background:#FFF"><input type="radio" name="qID18" value="96" class="required" />  All Festivals / Events  </p>

<p style="margin: 0px 4px 1px 4px;padding: 4px 0 4px 0; background:#FFF"><input type="radio" name="qID18" value="97" class="required" />  Similar Festivals / Events  </p>

<p style="margin: 0px 4px 1px 4px;padding: 4px 0 4px 0; background:#FFF"><input type="radio" name="qID18" value="98" class="required" />  No thank you  </p>

<p style="margin: 0px 4px 1px 4px;padding: 4px 0 4px 0; background:#FFF">&nbsp; Enter Email To Send Information To: <input type="text" name="something" ></p>

Answer 1

これを試して：

$('input[name="qID18"]').change(function(){
   if (this.value == 96 || this.value == 97) {
      $('input[name="something"]').addClass('required')
   } else {
      $('input[name="something"]').removeClass('required')
   }
})

Answer 2

そのようなものが機能するはずです：

$("form").on("submit", function() {
    var radio = $(":radio:checked").val();
    if (radio == 96 || radio == 97) {
        if ($.trim($(":text").val()) == "") {
            alert("Failed!");
            return false;
        }
    }
    return true;
});

Answer 3

これらの入力要素を含むフォーム要素はありますか？その場合は、値をチェックし、必要に応じて必要な属性を適用または削除する送信ハンドラーを追加するだけです。マークアップの周りにフォームコンテナを追加し、送信ボタンも追加して、ソリューションをjsFiddleに投稿しました：http： //jsfiddle.net/quant/2pJkc/

Answer 4

var radiobuttonchecked = $(":radio:checked").val();
if (radiobuttonchecked !=98 ) {
    if ($.trim($(":text").val()) == '') {
        alert('text is mandatory.');
        return false;
    }
}