0

如果未选中复选框，我试图显示一个 div，如果选中则隐藏。我有这个，但我似乎遗漏了一些东西：

http://jsfiddle.net/XyUWV/8/

HTML：

<input name="billing_check" id="billing_check" type="checkbox" class="billing_check" size="40"  checked="checked"/>

<div class="registration_box01 showme">
          <div class="title">
            <h4>billing information - infomration associated with your credit card<br />
            </h4>
          </div>
</div>

Javascript：

$("input[name='billing_check']").change(function() {
  (".showme").toggle($("input[name='mycheckboxes']:checked").length>0);
});

风格：

.showme{
    display:none;
}
4

4 回答 4

1

我认为您可能正在检查错误的复选框，应该mycheckboxes是billing_check. 此外，.length您可以检查，而不是.is(':checked')，如下所示：

$('#billing_check').change(function() {     
    $('.showme').toggle(!$(this).is(':checked'));
});

jsFiddle 演示

于 2012-08-23T13:32:34.707 回答
1

就像 Felix Kling 说的，你需要在 jquery 函数之前设置 $ 。但主要的错误是错误的输入名称mycheckboxesname 它billing_check会起作用。

HTML

<input name="billing_check" id="billing_check" type="checkbox" class="billing_check" size="40"  checked="checked"/>

<div class="registration_box01 showme">
  <div class="title">
    <h4>billing information - infomration associated with your credit card<br />
    </h4>
  </div>
</div>

​</p>

CSS

.showme{
    display:none;
}

​</p>

JS

$('#billing_check').change(function() {     
    $('.registration_box01').toggle(!$(this).is(':checked'));
});

​</p>

演示

于 2012-08-23T13:32:37.017 回答
0

我会通过 id 引用该复选框，并使用 .is(":checked")

http://jsfiddle.net/XyUWV/12/

于 2012-08-23T13:32:26.043 回答
0

你可以这样做，虽然没有经过测试

$("#billing_check").click(function()
{
    if(this.checked)
    {
        $(".registration_box01").hide();
    }else
    { 
        $(".registration_box01").show();
   }
});
于 2012-08-23T13:33:27.203 回答