【问题标题】:jquery checkbox alertjquery复选框警报
【发布时间】:2010-11-01 14:00:01
【问题描述】:

我继承了以下复选框:

<td><div class="text_note"><label for="terms" class="text button_action">
<input type="checkbox" name="terms" id="terms"
onClick="checkCheckBox(this, 'inf_terms', true)">
&nbsp;I understand and agree to the Terms &amp; Conditions.
</label>&nbsp;<span id="inf_terms">&nbsp;</span></div></td>

我需要编写一个 jquery 函数(一个新手),以便如果未选中条件条款的复选框,则会出现一条警告消息,告诉用户在进入下一页之前先选中该框。 感谢您的帮助

【问题讨论】:

  • @Ana- 你可以删除代码注释,我编辑了你的代码,所以现在可见。

标签: jquery django checkbox


【解决方案1】:

这显示了如何为复选框设置 onClick 事件。每次单击复选框时它都会触发...我对提交按钮的想法做了同样的事情,因为 id = buttonID...

$(function() {
   //checkbox
   $("#terms").click(function(){
       //if this...
       //alert("this")...
       if($("#terms").is(':checked'))
       {              
          alert("im checked");
       }
   });
   //button
   $("#buttonID").click(function(e){
       if(!$("#terms").is(':checked'))
       {
           alert("you did not check the agree to terms..."); 
           e.preventDefault();
       }
   });
 }

【讨论】:

  • 不幸的是,这将失败并显示一个空的选中属性。 仍然会触发。
  • 这就是您使用 .not 而不是 .is 的原因吗? .attr("checked") 呢?
  • 看起来这是在我发表评论后编辑的,所以上下文丢失了。以上对我来说现在看起来不错。
  • k...我过去使用过 .attr("checked"),但似乎 .is 和 .not 更好...当然更容易阅读...
  • 我想如果存在伪选择器应该使用它,所以在这种情况下,不需要 attr()
【解决方案2】:

我看到您的输入标记中有 onClick javascript 事件处理程序,如果您使用 jquery 提供的单击事件函数,则不需要它,除非您让它做一些您没有提到的事情。但是要设置它不会转到下一页,除非选中复选框,您必须知道 单击 的按钮才能转到下一页,假设按钮 id 是'按钮1'

 $(function(){
  $('#button1').click(function(){  
  if($('#terms').is(':checked'));
  {
  }
  else{
     alert("Please check the checkbox saying you agree with terms");
     return false;
   } 
 });
});

【讨论】:

    【解决方案3】:
    if($("#terms:not(:checked)")) {
    
    alert("some message");
    
    };
    

    //(对不起,第一次错过了括号)

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签