2016-07-28 28 views
-1

最初の2つのチェックボックスがオンになっているかどうかをチェックする必要があるコードです。特定のチェックボックスをチェックする方法はチェックされているかどうかチェックされていない

私はIDと照合する必要があります。

最初の2つのチェックボックスがオンになっているかどうかをチェックするのが好きです。

<input type="checkbox" name="check1" id="check1id" tabindex="1" value="Test" /> 

<input type="checkbox" name="check2" id="check2id" tabindex="2" value="Test" /> 

<input type="checkbox" name="check3" id="check3id" tabindex="3" value="Test" /> 



var boxes = $('.checkbox input'); 
       if(boxes.length > 0) { 
        if($(':checkbox:checked').length < 1) { 
         if($("#error-select").length == 0){ 
          $("#error-checkbox").show(); 

         } 
         return false; 
        } 
        else{ 
         $("#error-checkbox").hide(); 
        } 

これを行う方法。チェックボックスがオンになっている場合は、jQueryを使って行うことができます見つけるには

よろしく

+1

可能な複製(http://stackoverflow.com/questions/2204250/check-if-checkbox-is-checked-with-jquery ) – nicael

+0

こんにちはnicaelはあなたが気にしないなら、上記のjqueryを変更することができます。 – user2542953

答えて

0

される()セレクタ

if($("#check1id").is(':checked') || $("#check2id").is(':checked')) 
{ 
alert("You have checked the checkbox check1id") 
} 
0

あなたは、チェックボックスがチェックされているかどうかを見つけるために、jQueryのprop()を使用することができます。 [チェックボックスがjQueryを使ってチェックされているか確認してください]の

$('input[type="checkbox"]').on('click', function() { 
 

 
    if ($('#check1id').prop('checked') == true && $('#check2id').prop('checked') == true) { 
 
    
 
    console.log('check1id && check2id are checked'); 
 
    
 
    } else { 
 
    
 
    console.log('both check1id & check2id are not checked'); 
 
    
 
    } 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="check1" id="check1id" tabindex="1" value="Test" /> 
 

 
<input type="checkbox" name="check2" id="check2id" tabindex="2" value="Test" /> 
 

 
<input type="checkbox" name="check3" id="check3id" tabindex="3" value="Test" />

+0

こんにちはArun .. divタグのようにページにエラーメッセージを表示したいのですが.. – user2542953

+0

@ user2542953私の答えがあなたの質問を解決した場合は、私の答えの近くにあるチェックボックスをクリックして答えをマークすることができます。 bootstrapを使用して、このようなエラーメッセージを表示することができます。 '

Success! Indicates a successful or positive action.
' –

関連する問題