Question

如果对多个检查箱进行检查,我就需要展示和隐藏一片。

需要显示的每块 d子将与检查箱名称相同。如果不书写处理每个检查箱的职能,是否容易做到这一点?

    $( input[name=checkbox_1] ).click(function() {
        if ($( input[name=checkbox_1] ).is( :checked )) {
            $( #checkbox_1 ).show( slow );
        }

        else {
            $( #checkbox_1 ).hide( slow );
        }
     });
     $( input[name=checkbox_2] ).click(function() {
                   if ($( input[name=checkbox_2] ).is( :checked )) {
            $( #checkbox_2 ).show( slow );
        }

        else {
            $( #checkbox_2 ).hide( slow );
        }
    });

  });

Answer 1

它像你一样,有一些命名公约。你们只能接触到当前的背景目标,获得姓名,并从事您的公约工作。您不妨向您的检查箱提供一些特殊学科,以便于挑选:

$( input.someCssClass ).click(function() {

    var selector =  #  + $(this).attr( name );

    if ($(this).is( :checked ))
        $(selector).show( slow );
    else
        $(selector).hide( slow );
});

Answer 2

你们可以从名字中获得该身份证明。

$( input[name^=checkbox_] ).click(function() {
  $( #  + this.name)[this.checked ?  show  :  hide ]( slow );
});

使用,获取投入,然后使用 ><>。如核对,将<代码>.show(缓慢),否则,.hide(缓慢)。

Answer 3

$( input[name^=checkbox] ).click(function() {
    if(this.checked){
       $( #  + this.name).show( slow );
    } else{
       $( #  + this.name).hide( slow );
    }

}

Edit:与他人一样,使用挑选人开端比检查指数Of更好。

Answer 4

您可使用<代码>toggle(<>t/code>,而不是if ......否则,以进一步削减代码:

( input[name^=checkbox_] ).click(function(){
    $( #  + this.name).toggle( slow )
});

Toggle还可以在被点击时发挥不同功能,而不是仅仅躲藏/how取分子:

( input[name^=checkbox_] ).toggle(function(){
    $( #  + this.name).hide( slow )
}, function(){
    $( #  + this.name).show( slow )
    } );

友情链接