$(document).ready(function() {
$("span#label_Flat").hide();
$("span#added_Flat").hide();
$("span#removed_Flat").hide();
if ($('#Flat:checked').val() != false) {
$('#Flat').click(function() {
$("span#label_Flat").toggle();
$("span#removed_Flat").toggle();
});
} else {
$('#Flat').click(function() {
$("span#label_Flat").toggle();
$("span#added_Flat").toggle();
});
});
谁能指出为什么这不起作用?
我想隐藏三个跨度,并且只将其中两个切换为可见,具体取决于复选框是否被选中。
目前,跨度没有隐藏,因此不要在隐藏和显示之间切换。
html 是:
<input id="Flat" type="checkbox" name="Flat" checked />
<p>
<span id="label_Flat">Flat: </span>
<span id="added_Flat">Added</span>
<span id="removed_Flat">Removed</span>
</p>
在此先感谢您的帮助。
例子可以在这里看到:http://jsfiddle.net/WEq5u/10/
最佳答案
我想你正在寻找这个。要确定复选框是否被选中,您可以只使用 this.checked
属性,如果选中则返回 true
否则返回 false
。
$(document).ready(function() {
$("span#label_Flat").hide();
$("span#mp_Flat").hide();
$("span#removed_Flat").hide();
$('#Flat').click(function() {
if(this.checked){
$("span#label_Flat").toggle();
$("span#removed_Flat").toggle();
}
else{
$("span#label_Flat").toggle();
$("span#mp_Flat").toggle();
}
}).click();
});
关于javascript - Jquery If 语句 - 切换函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7191625/