Question

当我解开时，为什么我的代码没有隐藏，我处于松散状态。如果有人能检查我的代码并指出我哪里出错了，我将不胜感激。我已发布代码here。非常感谢

Answer 1

您可以使用this.checked

$('input[name=messagetick]').click(function() {
    if (this.checked) {
        $('.contactmessage').show();
    }
    else {
        $('.contactmessage').hide();
    }
});

稍微好一点的版本会使用.toggle([showOrHide])

$('input[name="messagetick"]').click(function() {
    $('.contactmessage').toggle(this.checked);
});

旁注，使用属性选择器时不要忘记"。

<强> Example on jsfiddle

Answer 2

您可以使用is（“：checked”）查看是否选中了复选框。

试试这个：

$('input[name=messagetick]').click(function() {
    if($(this).is(":checked")) {
    $('.contactmessage').show();     }
    else {
      $('.contactmessage').hide();
    } });

示例@ http://jsfiddle.net/8k8VW/18/

<德尔> 您已选择mootools作为JS框架。将其更改为jQuery。更新代码@ [http://jsfiddle.net/8k8VW/1/][2]

Answer 3

你没有选择jquery作为框架，因此加载了mootools。

使用此代码：

$('input[name=messagetick]').click(function() {
      $('.contactmessage').toggle($(this).is(':checked'));     
 });

小提琴：http://jsfiddle.net/8k8VW/9/

在复选框刻度上显示jQuery textarea

3 个答案: