2012-04-03 78 views
1

以下是當單擊複選框時將運行的jquery代碼......但現在我需要爲輸入類型指定一個id,以便該函數僅適用於工作對於那個特定的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(); 
}); 
+0

爲什麼不能使用'#checkbox'作爲選擇器? – 2012-04-03 04:49:28

回答

0

如果我沒有誤解。

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

或者

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

如果添加id="checkbox"到所需的複選框,標籤和不使用該ID的其他任何地方頁,那麼你可以使用這個jQuery的目標只是複選框。

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

我已經使用它,但現在它不工作。有沒有什麼辦法可以通過id和輸入[type = checkbox] – Nabe 2012-04-03 04:56:10

+0

是的,你可以 - http://jsfiddle.net/ba5E6/,但爲什麼http://jsfiddle.net/ba5E6/1? – 2012-04-03 04:59:17

+0

如果您正確地使用HTML,那麼在jQuery選擇器中使用除#checkbox以外的任何內容都沒有意義。 – jfriend00 2012-04-03 05:00:18

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/
希望這將以某種方式幫助你