我正在为客户做一个表格,他给了我任务来创建一个显示/隐藏效果,当某些复选框处于未选中状态时。当复选框被选中/取消选中时如何隐藏/显示内容?
4
A
回答
4
这个功能应该这样做:
$("#yourCheckboxID").click(function()
{
if ($("#yourCheckboxID").attr("checked"))
{
$("#yourDivID").show();
}
else
{
$("#yourDivID").hide();
}
});
根据checkbox
它会隐藏或显示特定div
。我不确定你想要隐藏或显示什么,所以我只是假设div
。
2
$("#checkboxID").change(function() { $("#targetToHideAndShow").toggle() });
+1
这有缺点,最初在页面加载时,总是显示'#targetToHideAndShow',而不是隐藏。 – smci 2011-11-15 21:10:36
相关问题
- 1. 显示/隐藏基于复选框选中/取消选中
- 2. 显示/隐藏按钮选择/取消选中复选框
- 3. 如何,如果一个复选框被选中显示/隐藏内容或不
- 4. 当使用jquery取消选中复选框时隐藏文本
- 5. 当复选框被选中时在javascript中显示消息
- 6. 如果勾选复选框,隐藏/显示课程内容
- 7. JQuery隐藏\显示,如果复选框被选中
- 8. 当复选框已被选中时如何显示输入框?
- 9. 当复选框选中时,jQuery隐藏div,未选中时显示
- 10. 如何在复选框中隐藏和取消隐藏框
- 11. 当复选框2被选中时取消选中复选框1
- 12. jQuery隐藏/显示复选框消息
- 13. Javascript隐藏/取消隐藏FileUpload复选框选中
- 14. 显示模式时复选框被选中或取消
- 15. 显示隐藏复选框
- 16. 如果在JSP中选中复选框,则显示/隐藏内容
- 17. 当取消选中复选框时,取消选中标题复选框
- 18. 当行被选中时,创建一个隐藏的复选框
- 19. 当复选框被禁用时显示/隐藏文本输入
- 20. 当选中/取消选择复选框时,在Word 2010中显示和隐藏表格
- 21. 没有隐藏textarea时取消选中复选框
- 22. 为什么选中取消不显示/隐藏内容?
- 23. 隐藏选中复选框
- 24. javascript隐藏/显示在复选框的div:选中/未选中
- 25. 单击复选框时隐藏/显示内容?
- 26. 在apex5.0中显示/隐藏复选框
- 27. 取消选中当另一个复选框被选中
- 28. 如果超过1个复选框被选中,如何显示隐藏按钮
- 29. 如果在angular2中选中/取消选中最后一个复选框,如何显示/隐藏div?
- 30. 显示,如果复选框被选中
这工作完美。非常感谢。 – Ozzy 2010-06-23 18:47:33