在复选框刻度上显示jQuery textarea

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

Answer 1

你可以juse使用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); }); 

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

关于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/