2011-10-01 23 views
0

jQuery的選中複選框我有一個UpdatePanel內幾個複選框asp.net的取消選中在asp.net

比方說,我在該面板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') 
     } 
    }); 

的點擊是功能,但其餘的沒有。

+0

您的代碼對我的作品在這裏很好http://jsfiddle.net/wYH44/2/。 – ipr101

+1

你爲什麼不使用''?另外,在ASP中,'checked'屬性的值不應該是'checked'而是'checked'? – anroesti

+0

這是一個問題,如果我把它們放入UpdatePanel中? @ ipr101 – olidev

回答

3

發生了什麼事是在回發頁面重新加載和JavaScript不重新運行。我從我的手機發布,所以我沒有代碼在我身上。但谷歌「更新面板JavaScript回發」。你需要使用一個asp頁面事件。

如果你告訴我你找不到它,我會稍後編輯它。

好運

0

它是簡單的,(ASP:複選框)呈現爲(跨度)與標籤和輸入字段類型爲「檢查」。 所以當你試圖說$(".chkboxClass").removeAttr('checked');你實際上調用(span)標籤,這就是它不工作的原因。爲了使工作只是補充:

$(".chkboxClass :input").removeAttr('checked'); 

好運

0

這類似於DigitalFox反應,但是這是我得到它的工作:

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