javascript - Jquery If 语句 - 切换函数

Question

                    $(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/

Answer 1

我想你正在寻找这个。要确定复选框是否被选中，您可以只使用 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();

        });