Input复选框如何监听取消事件?

Question

问题是这样的,一个复选框,用户对选框打钩后,会弹出跟打钩选项相对应的,当取消后,理应也隐藏的.但是我能实现展示,但实现不了隐藏...在下对JS比较不了解,请各位看看.
苹果:<input type="checkbox" name="a" onchange="document.getElementById('aa')==''?document.getElementById('aa').style.display='none':document.getElementById('aa').style.display='';"><div style="display:none" id="aa">您选择了苹果</div>葡萄:<input type="checkbox" name="a" onchange="this.value==1?document.getElementById('hightype1').style.display='':document.getElementById('hightype1').style.display='none';"><div style="display:none" id="aa">您选择了葡萄</div>
以上是两种方法.都是差不多的...打钩后可以将div展示出来,但取消选框后,却没有隐藏.请求有方法可以处理吗?答者有分...

Answer 1

苹果:<input type="checkbox" name="a" onclick="document.getElementById('aa').style.display==''?document.getElementById('aa').style.display='none':document.getElementById('aa').style.display='';"><div style="display:none" id="aa">您选择了苹果</div>

Answer 2

document.getElementById('hightype1').style.display = this.value==1?'': 'none';
这样呢？

Answer 3

用jquery的话非常简单，就用toggle奇偶事件来hide或者show就可以
js：document.getElementById('aa').style.display==''?document.getElementById('aa').style.display='none':document.getElementById('aa').style.display='';也可以