-1

jQuery を使用しており、チェックボックスがオフのときにチェックボックスの ID を表示する必要があります。どうすればこれを達成できますか?

$('input[type=checkbox]').click(function(){ 
    alert(this.id); 

    if($(this).is(':unchecked')) {
         alert(this.id); 
    } 
});
4

5 に答える 5

9

実際の例については、このDEMOをご覧ください。

あなたのコードを考えると： 

$('input[type=checkbox]').click(function(){ 
    alert(this.id);     
    if($(this).is(':unchecked')) {
         alert(this.id); 
    } 
});

:uncheckedに変更する必要があります:not(:checked)。jQuery には:uncheckedフィルターがありませんでした。それ以外はかなり近かったです。

$("input[type=checkbox]").on("click", function(){
   if($(this).is(":not(:checked)"))
      alert(this.id);
});
于 2012-09-28T20:01:25.513 に答える
2

OP変更後のアップデート

以下に示すように、クリック時に長さを使用して、チェックされていないチェックボックスをチェックできます。

ライブデモ

$('input[type=checkbox]').click(function(){ 
    alert(this.id); 

    if($(this).not(':checked').length) {
         alert(this.id); 
    } 
});

ライブデモ

$('input[type=checkbox]').click(function(){
    if(this.checked)
      alert(this.id + " checked");
    else
      alert(this.id + " un-checked");

});

また

$('input:checkbox').click(function(){

     alert($(this).attr('id'));

});

またはチェックボックスを使用すると、class = "chkclass" があります

 $('.chkclass').click(function(){

     alert(this.id);

});
于 2012-09-28T19:58:42.710 に答える
0

これらの線に沿った何かがうまくいくはずです。

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

    if(!$checkbox.is(':checked'))
        alert($checkbox .attr("id"));
});

または、チェックボックスが動的に追加される可能性がある場合は、jquery を使用しますon()。

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

    if(!$checkbox.is(':checked'))
        alert($checkbox .attr("id"));
});
于 2012-09-28T19:58:59.457 に答える
0

以下のようなことをしてください：

$("input[type='checkbox']").live("click", function() {
    if (!$(this).attr("checked")) {
        alert($(this).attr("id"));
    }
});
于 2012-09-28T19:59:34.277 に答える
0

「:unchecked」というセレクターはありません

あなたはもう少しです,, 試してみてください:checked 代わりに

$(function() {

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

         if(! $(this).is(':checked')){
            alert( 'ID of the current checkbox is : ' + this.id );
         }
    })

});

デモ

于 2012-09-28T20:07:52.337 に答える