0

ラジオボタンとテキストフィールドのあるフォームがあります。選択したラジオの値が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>
4

4 に答える 4

1

これを試して:

$('input[name="qID18"]').change(function(){
   if (this.value == 96 || this.value == 97) {
      $('input[name="something"]').addClass('required')
   } else {
      $('input[name="something"]').removeClass('required')
   }
})
于 2012-07-17T19:47:15.720 に答える
0

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

$("form").on("submit", function() {
    var radio = $(":radio:checked").val();
    if (radio == 96 || radio == 97) {
        if ($.trim($(":text").val()) == "") {
            alert("Failed!");
            return false;
        }
    }
    return true;
});
于 2012-07-17T19:46:15.613 に答える
0

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

于 2012-07-17T19:46:47.190 に答える
0
var radiobuttonchecked = $(":radio:checked").val();
if (radiobuttonchecked !=98 ) {
    if ($.trim($(":text").val()) == '') {
        alert('text is mandatory.');
        return false;
    }
}
于 2012-07-17T20:03:16.543 に答える