0

チェックボックスが選択されたらテーブルにクラスを追加し、選択を解除したら削除するにはどうすればよいですか。私は次のスクリプトを持っています

   .opacity40{
    opacity:0.4;
    filter:alpha(opacity=40);
    }

    <input type="checkbox" name="checkbox" id="mycheckbox" />   

<script>
    $("#tableDist").addClass("opacity40");
        $("input#mycheckbox").click(function() {
            if($(this).is(":checked") {
                $("#tableDist").rmoveClass("opacity40");
            }
            else {
                $("#tableDist").addClass("opacity40");
            }
        })
</script>

      <table id="tableDist">
    </table>
4

3 に答える 3

4 
$("#tableDist").addClass("opacity40");
$("input#mycheckbox").change(function () {
  $("#tableDist").toggleClass("opacity40");
});

これははるかに短いですが、Adilの答えは正しいです。

フィドル(ファンシーなトランジション効果付き! :D)

于 2013-01-22T10:29:51.777 に答える
0 
//Classic
$("#checkBox-id").change(function(){
    $("#tableDist").toggleClass("opacity40");
});


// First way 
if($('#checkBox-id').attr('checked'))
{
   $("#tableDist").toggleClass("opacity40");
} 

// Second way 
if($('#checkBox-id').is(':checked'))
{
   $("#tableDist").toggleClass("opacity40");
}

また...

// Third way for jQuery 1.2
$("input[@type=checkbox][@checked]").each( 
    function() { 
       $(this).toggleClass("opacity40");
    } 
);
// Third way == UPDATE jQuery 1.3
$("input[type=checkbox][checked]").each( 
    function() { 
       $(this).toggleClass("opacity40");
    } 
);
于 2013-01-22T10:35:02.027 に答える
0

修正や提案はほとんどありません。

修正

  1. のスペルが間違っています。removeClassに変更rmoveClassして くださいremoveClass
  2. if statememt の閉じ括弧も抜けています。

提案

  1. テーブルにもいくつかのデータを追加します。
  2. また、スクリプトを head タグまたは body の終了タグの直前に配置します。

ライブデモ

$("#tableDist").addClass("opacity40");
 $("input#mycheckbox").click(function () {
   if ($(this).is(":checked")) {
     $("#tableDist").removeClass("opacity40");
   } else {
     $("#tableDist").addClass("opacity40");
   }
});
于 2013-01-22T10:28:05.740 に答える