JQuery驗證 - 如果選中複選框，則需要選擇

Question

使用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> 

不僅不能正常工作的代碼它拋出了jQuery的選項卡，我有作爲的JavaScript下一節。

任何意見讚賞。

編輯：現在我已經整理了所有的括號，現在的行爲是它將選擇框設置爲必填字段，而不管複選框是否被選中 - 即依賴部分不起作用。網頁上的其他JavaScript現在可以正常工作。

Answer 1

請嘗試這樣

$(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; 
        } 
        } 
       } 
      } 
    }); 
}); 

Answer 2

我不知道你用的是什麼插件，但

return $("#myCheckbox:checked") 

如果你的複選框被選中返回一個jQuery對象。我認爲這樣做會更正確：

return $("#myCheckbox").is(':checked') 

它返回true或false。

也許這無關，與你的問題

Answer 3

這就像一個魅力

inputname: 
{ 
    required: function(){ 
     if($("select[name=inputname]").val() == 1){ 
      return true; 
     } 
     else 
     { 
      return false; 
     } 
    } 
} 

您可以編輯inputname到你優先。

把它改成輸入字段，您可以更改選擇部分輸入

Answer 4

它應該能夠工作就像是：

rules : { 
myDropDown:{required:"#myCheckbox:checked"} 
}