JQuery validation-select required if checkbox checked

Question

using jquery Quiero hacer una selección de un cuadro de selección requerido (es decir, no se puede dejar como el valor predeterminado en blanco) si está marcada una casilla de verificación en particular. Mi código:

$(document).ready(function(){ 
    $("#myForm").validate({ 
    rules: { 
     myDropDown: { 
     required: {  
      depends: function(element) { 
      return $("#myCheckbox:checked") 
      } 
     } 
     } 
    } 
    }) 
}) 

El 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> 

No sólo es el código no trabaja está lanzando las pestañas jQuery que tengo como la siguiente sección de JavaScript.

Cualquier consejo apreciado.

Editar: Ahora que he resuelto todos mis corchetes, el comportamiento ahora es que hace que el cuadro de selección sea un campo obligatorio independientemente de que la casilla de verificación esté marcada, es decir, la parte de los que dependen no funciona. Otro javascript en la página ahora está funcionando bien.

Answer 1

Por favor, intente como esto

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

No sé qué plugin que está utilizando, pero

return $("#myCheckbox:checked") 

devuelve un objeto jQuery si se comprueba su casilla de verificación. Creo que sería más correcto hacer:

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

que devuelve verdadero o falso.

Tal vez esto no tiene nada que con a su problema

Answer 3

Esto funciona como un encanto

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

Puede editar inputName al suyo preferido.

para cambiarlo a campo de entrada, puede cambiar la parte de selección a la entrada

Answer 4

que debería ser capaz de trabajar al igual que:

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