如果选中了复选框,我正在使用这个可能丑陋的 JavaScript 来显示文本框(在 li 标记及其标签中)。
$("#li-2-21").css("display","none");
$("#Languages-spoken-and-understood-8").click(function(){
if ($("#Languages-spoken-and-understood-8").is(":checked"))
{
$("#li-2-21").show("fast");
}
else
{
$("#li-2-21").hide("fast");
}
});
这工作正常,但如果加载页面并且已选中复选框则不起作用,因为 #li-2-21 会自动隐藏。
我需要创建一个读取复选框状态的函数吗?或者有更简单的方法吗?
哦,也可以随意缩短那些丑陋的代码,我想有更短的方法来实现我的目标吗? 非常感谢您的帮助!
最佳答案
最简洁:
$(document).ready(function() {
$("#Languages-spoken-and-understood-8").change(function() {
$("#li-2-21")[$(this).is(":checked") ? 'show' : 'hide']("fast")
}).change();
});
编辑:从点击切换为更改事件
关于javascript - 复选框显示隐藏字段 - 无法加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3580276/