JQuery Script在表单提交后反转输出

JQuery Script reverses output after form submit

本文关键字:输出 表单提交 Script JQuery      更新时间:2024-03-29

我使用以下脚本通过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页面模板。。。。

您需要运行从启动开始进行切换的代码

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的复选框?

attr不是获取复选框值的正确方法。请使用道具。