JQuery验证 – 如果选中复选框,则选择所需

前端之家收集整理的这篇文章主要介绍了JQuery验证 – 如果选中复选框,则选择所需前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jquery我想从一个所需的选择框中进行选择(即它不能作为空白的默认值),如果一个特定的复选框被勾选。我的代码
$(document).ready(function(){
  $("#myForm").validate({
    rules: {
      myDropDown: {
        required: {       
          depends: function(element) {
            return $("#myCheckBox:checked")
          }
        }
      }
    }
  })
})

html:

<input type="checkBox" name="myCheckBox" id="myCheckBox" value="1">
<select name="myDropDown" id="myDropDown">
  <option value="" selected></option>
  <option value="1">Choice 1</option>
  <option value="2">Choice 2</option>
  <option value="3">Choice 3</option>
</select>

不仅代码不起作用,它会抛出我作为javascript下一节的jQuery选项卡。

任何建议赞赏。

编辑:现在我已经整理了我的所有括号,现在的行为是将选择框设置为必填字段,无论复选框是否被选中 – 即依赖部分不起作用。其他javascript在页面上现在正常工作。

解决方法

请尝试这样
$(document).ready(function(){
  $("#myForm").validate({
    rules: {
               myDropDown:{
                  required: function (element) {
                     if($("#myCheckBox").is(':checked')){
                         var e = document.getElementById("myDropDown");
                         return e.options[e.selectedIndex].value=="" ;                            
                     }
                     else
                     {
                         return false;
                     }  
                  }  
               }
           }
  });
});

猜你在找的jQuery相关文章