在asp.net中使用jquery取消选中已选中的复选框

时间:2011-10-01 11:24:48

标签: jquery asp.net

我在asp.net的UpdatePanel中有几个复选框

假设我在该面板中有3个复选框。每次选中一个复选框,将取消选中上一个选中的复选框。

我试过这样的话:

<asp:CheckBox ID="CheckBoxExport1" CssClass="checkboxSingle" />                                     

<asp:CheckBox ID="CheckBoxExport1" CssClass="checkboxSingle" />                                     

<asp:CheckBox ID="CheckBoxExport1" CssClass="checkboxSingle" /> 

在js:

 $('.checkboxSingle').live('click', function (e) {

        if ($(this).is(':checked')) {
            $(".checkboxSingle").attr('checked', false);
            $(this).attr('checked', 'checked')
        }
    });

点击是功能但其余部分没有。

3 个答案:

答案 0 :(得分:3)

正在发生的事情是,在回发时页面重新加载并且JavaScript不会重新运行。我在手机上发帖,所以我没有代码。但谷歌“updatepanel JavaScript回发”。您需要使用asp页面事件。

如果你告诉我你找不到它,我会稍后编辑。

祝你好运

答案 1 :(得分:0)

很简单,(asp:CheckBox)呈现为带有标签和输入字段的(span),类型为“check”。 因此,当您尝试说$(".chkboxClass").removeAttr('checked');时,您实际上正在调用(span)标记,这就是它无法正常工作的原因。要使其工作,只需添加:

$(".chkboxClass :input").removeAttr('checked');
祝你好运

答案 2 :(得分:0)

这类似于DigitalFox响应,但这就是我开始工作的方式:

$(".checkboxSingle input").is(":checked");