Sprawdzanie poprawności JQuery-wybierz wymagane, jeśli pole wyboru zaznaczone

Question

przy użyciu jquery Chcę dokonać wyboru z pola wyboru wymagane (tj. Nie można go pozostawić jako puste domyślne), jeśli zaznaczone jest konkretne pole wyboru. Mój kod:

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

Nie tylko kod nie działa to wyrzucając zaczepy jquery, które mam jako kolejnego odcinka javascript.

Wszelkie porady są mile widziane.

Edycja: Teraz, gdy uporządkowałem wszystkie moje nawiasy, zachowanie polega na tym, że powoduje, że pole wyboru jest wymagane, niezależnie od tego, czy pole wyboru jest zaznaczone - tzn. Część zależna nie działa. Inne javascript na stronie działa teraz poprawnie.

Answer 1

Spróbuj jak to

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

nie wiem co plugin używasz, ale

return $("#myCheckbox:checked") 

zwraca obiekt jQuery, jeśli pole jest zaznaczone. Myślę, że byłoby to bardziej poprawne:

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

, która zwraca wartość true lub false.

Może to nie ma nic wspólnego ze swoim problemem do

Answer 3

To działa jak czar

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

można edytować inputname do Ciebie korzystna.

Aby zmienić go na polu wprowadzania można zmienić wybrać część do wejścia

Answer 4

powinien on być w stanie działać tak:

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