Javascript 选中切换并选中默认值

任何人都有更好的方法来编写这个jquery方法。如果用户来到页面并选中复选框，则显示else隐藏，但如果用户单击复选框，则显示

$('#rush').is(':checked') ? $("#rushJustificationContainer").show() : $("#rushJustificationContainer").hide();

$('#rush').click(function() {
    $("#rushJustificationContainer").toggle(this.checked);
});

试试这个

    $(function(){

      $("#rushJustificationContainer").css({display:$('#rush').is(':checked')?"block":"none"}); 

      $('#rush').click(function() {
          $("#rushJustificationContainer").toggle();
      });


    });

试试这个

function Toggle(o, toggle){
 o.toggle(toggle);
}

document.ready(function(){
  Toggle($("#rushJustificationContainer", $('#rush').checked); 
});

$('#rush').click(function(){
 Toggle($("#rushJustificationContainer", this.checked); 
});

用这个

document.ready(function(){
    myToggle($('#rush').is(':checked'));
}

$('#rush').click(function(){
    myToggle(this.checked);
}

function myToggle(isChecked) {
    if(isChecked) {
        $("#rushJustificationContainer").show();
    } else {
        $("#rushJustificationContainer").hide();
    }
}

---

问题代码非常适合一次性使用；到目前为止，我更喜欢它

您可以使用以下工具刮胡子几微秒：

$('#rush')[0].checked ? $("#rushJustificationContainer").show() : $("#rushJustificationContainer").hide();

而：

$("#rushJustificationContainer").toggle ( $('#rush').is (':checked') );

在滚动条上可能更容易：

~~~

唯一的另一件事是，如果你可能不止一次做这种事情，那么就把它晾干

function activateCB_toDivControl (cbID, nodeID) {
    $('#' + nodeID).toggle ( document.getElementById (cbID).checked );

    $('#' + cbID).click (function (e) {
        $('#' + nodeID).toggle (e.currentTarget.checked);
    } );
}

这样称呼：

activateCB_toDivControl ('rush', 'rushJustificationContainer');
activateCB_toDivControl ('COD',  'likeHellContainer');

---

我同意，但仅仅设置display属性是不够的。show和hide足以处理显示逻辑。我们不在乎它是如何做到的！这是可以接受的，但我更喜欢使用短变量，所以我在很多地方找不到具有长ID的元素。