1

コード：

<form>
<div class="term"><input type="checkbox" />I agree to the terms of the privacy </div>
<div id="tip"> please agree the terms of the privacy </div>
</form>

jquery コード:

 $(document).ready(function() {
            $("#tip").hide();
          jQuery("form").submit(function() {

          if (jQuery('.term').is(':checked')) {
            jQuery("#tip").hide();

          }
          else {
          jQuery("#tip").show();
           return false;
    } 
        });
        });

チェックボックスをオンにしてフォームを送信すると、ヒントがまだ表示されます。なぜ？

4

3 に答える 3

0

チェックボックスフィールドで用語クラスを次のように定義します

        <div class="test"><input type="checkbox" class="term" />I agree to the terms of the privacy </div>
于 2012-06-25T06:11:44.993 に答える
0

あなたが示したコードの問題は、jQueryセレクターが使用するクラス「用語」がチェックボックスにないことです。それが含まれているdivには、クラス「用語」があります。したがって、入力を次のように変更する必要があります。

<input type="checkbox" class="term" />

または、jQuery セレクターを次のように変更します。

if (jQuery('.term input[type="checkbox"]').is(':checked')) {

そうは言っても、これらのチェックボックスが 1 つだけあることを考えると、ID を指定して ID で選択する傾向があります。

于 2012-06-25T06:12:27.773 に答える
0

「用語」のセレクターは、チェックボックスではなくdivです。チェックボックスは「用語」の子です

   if( jQuery('.term input:checkbox').is(':checked') ){
于 2012-06-25T06:12:43.087 に答える