必须检查复选框的特定ID

时间:2012-04-03 04:42:40

标签: javascript jquery

以下是一个jquery代码,当单击一个复选框时会运行...但是现在我需要为输入类型分配一个id,这样这个函数应该只适用于那个特定的id,什么可以是解决方案吗?

<!-- HTML PART -->

<li><input id='checkbox' type='checkbox' value='1' checked="checked"  />  </li>

<!-- JQUERY PART -->

 $("input[type=checkbox]").click(function(){
 var count=$("input:checked").length;
 if(count==5)
 {
$('input[type=checkbox]').not(':checked').attr("disabled",true);

}
 else
 {
$('input[type=checkbox]').not(':checked').attr("disabled",false);
}
save_skills();
get_skill();
}); 

3 个答案:

答案 0 :(得分:1)

如果您将id="checkbox"添加到所需的复选框标记,并且不在页面中的任何其他位置使用该ID,则可以使用此jQuery仅定位该复选框。

$("#checkbox").click(function(){
    // your code
});

答案 1 :(得分:0)

如果我没有被误解。

$("input[type=checkbox]").click(function(){
    if (this.id == 'your-custom-id') {
       // your code
    }
});

或者

if ('#your-id').click(function(){
    // your code
});

答案 2 :(得分:0)

如果你想要的话,也要看下面的代码 HTML代码

<li><input id='checkbox' type='checkbox' value='1'  />  </li>
<li><input id='checkbox1' type='checkbox' value='2'   />  </li> 
<li><input id='checkbox2' type='checkbox' value='3'  />  </li> 
<li><input id='checkbox3' type='checkbox' value='4'   />  </li> 
<li><input id='checkbox4' type='checkbox' value='5' />  </li> 
<div id="count"></div>

和js

$('input[type=checkbox]').each(function() {
    $(this).click(function() {

    if ($(this).attr("id") == "checkbox2") {

        $('#count').html("this is what i want");
    }
    else {
        $(this).attr("disabled", true);

        $('#count').html('No this is not');
    }

});
});

以下是演示http://jsfiddle.net/Simplybj/aZ5wv/7/
希望这会以某种方式帮助你