jquery脚本检查文本框是否为空，或者复选框是否被选中

Question

我正在使用客户端 ID 来检查文本框是否为空白，这在我的脚本中有效，但是在检查复选框是否被选中时，它没有做任何事情

这是我的脚本

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>  
    <script type="text/javascript">  
        $(function () {
            $('#<%=lbtnSave.ClientID %>').click(function () {
                var txt = $('#<%=txtPhotoAndVideoConsentIfNot.TextBoxID %>');

                if ((txt.val() != null && txt.val() != '')) {
                    alert('filled in');
                } else {
                    alert('empty ');
                }

                if $('#<%= cbPhotoAndVideoConsent.ClientID %>').is(':checked') {
                    alert("TEst");
                }

            })
        });
    </script>  

对按钮、文本框和复选框使用客户端 ID。复选框的 IF 有效，但另一个无效。

我的目标是，我有一个包含文本框和复选框的表单，用户必须填写其中一个

感谢帮助

Answer 1

多个问题：

• 删除加载 jquery 的一行
• 没有 TextBoxID 属性
• if 语句周围缺少 () 括号

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">  
  $(function () {
      $('#<%=lbtnSave.ClientID %>').click(function () {
          var txt = $('#<%=txtPhotoAndVideoConsentIfNot.ClientID %>'); //fix ClientID

          if ((txt.val() != null && txt.val() != '')) {
              alert('filled in');
          } else {
              alert('empty ');
          }
          if ($('#<%= cbPhotoAndVideoConsent.ClientID %>').is(':checked')) { //add parenthesis here
              alert("TEst");
          }
      })
  }
</script>

要捕获这些错误，只需在浏览器中按 F12 键打开开发者工具并观察控制台窗口。这将向您打印出 javascript 错误。

//编辑： 如果你想结合这两个条件，简单地这样做：

if ((txt.val() != null && txt.val() != '') && $('#<%= cbPhotoAndVideoConsent.ClientID %>').is(':checked')) {
    alert('filled in');
} else {
    alert('empty ');
}