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は現在正常に動作しています。

Answer 1

とするためには何もしています。入力フィールドに変更する

、あなたはちょうどそのように動作することができるはず入力

Answer 2

私はあなたが使用しているプラ​​グインのか分からないが、あなたのチェックボックスがチェックされている場合

return $("#myCheckbox:checked") 

はjQueryオブジェクトを返します。

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

これは真または偽を返します。

多分これはこれは魅力

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

のようにあなたがあなたの好まにinputnameを編集することができます動作します。この

$(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 3

のようにしてみてください、あなたの問題

Answer 4

に選択部分を変更することができます。

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