2016-07-28 157 views
-1

我有下面这段代码,我需要检查前两个复选框是否被选中。如何检查特定的复选框是否被检查

我需要检查他们的ID。

就像如何检查我的前两个复选框是否被选中。

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

如何做到这一点。

问候

+1

的[检查是否复选框被使用jQuery检查]可能的复制(http://stackoverflow.com/questions/2204250/check-if-checkbox-is-checked-with-jquery ) – nicael

+0

嘿尼卡尔可以改变以上jquery,我已经写了匹配的要求,如果你不介意.. – user2542953

回答

0

要了解如果复选框被选中,你可以使用jQuery做的是()选择

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

您可以使用jQuery prop()找到复选框是否被选中与否。

$('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标签如何做thta .. – user2542953

+0

@ user2542953如果我的答案解决了您的问题,您可以通过点击我答案附近的复选框来标记我的答案,之后它会变成绿色。您可以使用bootstrap.and显示像这样的错误消息。 '

Success! Indicates a successful or positive action.
' –

相关问题