2012-04-03 14 views
1

Das folgende ist ein jquery Code, der ausgeführt würde, wenn ein Kontrollkästchen angeklickt wird ... Aber im Moment muss ich eine ID für den Eingabetyp zuweisen, so dass diese Funktion nur funktionieren sollte für diese bestimmte ID, was könnte die Lösung sein?Checkbox muss auf bestimmte ID überprüft werden

<!-- 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

Warum können Sie '# checkbox' nicht als Selektor verwenden? –

Antwort

0

Wenn ich nicht missverstanden werde.

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

Oder

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

Wenn Sie id="checkbox" auf den gewünschten Option-Tag hinzufügen und verwenden Sie nicht, dass id irgendwo sonst auf der Seite, dann können Sie diese jQuery verwenden Sie einfach die Checkbox Ziel.

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

Ich habe es benutzt, aber jetzt funktioniert es nicht. Gibt es eine Möglichkeit, ID und Eingabe zu übergeben [Typ = Kontrollkästchen] – Nabe

+0

ja können Sie - http://jsfiddle.net/ba5E6/, aber warum http://jsfiddle.net/ba5E6/1? –

+0

Es hat keinen Sinn, etwas anderes als #checkbox im jQuery-Selektor zu verwenden, wenn Sie Ihren HTML-Code richtig schreiben. – jfriend00

0

Schauen Sie sich auch folgende Code, wenn es ist, was Sie wollen
HTML-Code

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

und die 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'); 
    } 

}); 
}); 

hier, um die Demo ist http://jsfiddle.net/Simplybj/aZ5wv/7/
hoffen, dass dies Ihnen in irgendeiner Weise helfen

Verwandte Themen