Question

我正在使用以下脚本通过CSS显示/隐藏DIV标签，并选择html格式的复选框：

var $na = jQuery.noConflict(true);
$na(document).ready(function(){
        $na('input[type="checkbox"]').click(function(){
            if($na(this).attr("value")=="one"){
                $na(".one").toggle();
            }
            if($na(this).attr("value")=="two"){
                $na(".two").toggle();
            }
            if($na(this).attr("value")=="three"){
                $na(".three").toggle();
            }
        });
    });

我的问题是，在表单提交后，事件被反转，这意味着选中的复选框隐藏，而未选中的复选框显示DIV标记。

你知道我怎么解决这个问题吗？是否有更好的事件然后单击或切换以执行此操作？

感谢您的帮助！

的Seb

哦，所有这些都是用于wordpress页面模板....

Answer 1

Setting "checked" for a checkbox with jQuery?

attr不是获取复选框值的正确方法。请改用prop。

Answer 2

您需要运行从头开始切换的代码

var $na = jQuery.noConflict(true);
$na(function($){
    $('input[type="checkbox"]').change(function(){
        $("." + this.value).toggle(this.checked);
    }).trigger("change");
});

JSFiddle：http://jsfiddle.net/CYgQR/1/

表单提交后，JQuery Script会反转输出

2 个答案: