我有这个代码：
<fieldset class="question">
<label for="coupon_question">Do you have a coupon?</label>
<input class="coupon_question" type="checkBox" name="coupon_question" value="1" />
<span class="item-text">Yes</span>
</fieldset>
<fieldset class="answer">
<label for="coupon_field">Your coupon:</label>
<input type="text" name="coupon_field" id="coupon_field"/>
</fieldset>
而且,我想显示/隐藏“答案”字段集(默认是隐藏的),点击在集合中的复选框“问题”如何做到这一点.我不能用这样的技术来做一个经典的elemetn,如：
<script>
$().ready(function(){
$('.question').live('click',function() {
$('.answer').show(300);
},function(){
$('.answer').hide(200);
}
);
});
</script>
有人可以帮我吗？也可以在隐藏时将其取消选中(取消选中)复选框.
解决方法
将onchange事件附加到复选框：
<input class="coupon_question" type="checkBox" name="coupon_question" value="1" onchange="valueChanged()"/> <script type="text/javascript"> function valueChanged() { if($('.coupon_question').is(":checked")) $(".answer").show(); else $(".answer").hide(); } </script>
