2011-12-30 58 views
0

如何從CheckBoxList中通過jQuery選擇任何複選框?如何從CheckBoxList中選擇哪個複選框是通過jQuery選擇的?

標記:

<div> 
     <asp:CheckBoxList ID="cblProduct" runat="server" CssClass="myProductCheckBoxList" TabIndex="14"> 
     </asp:CheckBoxList> 
    </div> 

i'ld像發現任何檢查具有的CssClass-myProductCheckBoxList複選框。 (爲了驗證 - checked-> ATLEAST一個產品)

回答

0
function SetProductCheckAll() { 

    $('.myProductCheckBoxList :checkbox').click(function() { 
     var toggle = this.checked; 
     var value = this.value; 
     var needCheckAll = true; 
     if (value == "-1") { 
      $('.myProductCheckBoxList :checkbox').attr("checked", toggle); 
     } 
     else { 
      if (toggle == false) { 
       $('.myProductCheckBoxList :checkbox').eq(0).attr("checked", false); 
      } 
      else { 
       for (var count = 1; count <= $('.myProductCheckBoxList :checkbox').length; count = count + 1) { 
        if ($('.myProductCheckBoxList :checkbox').eq(count).attr("checked") == false) { 
         needCheckAll = false; 
        } 
       } 
       $('.myProductCheckBoxList :checkbox').eq(0).attr("checked", needCheckAll); 
      } 
     } 
    }); 
} 
+0

這可以更好地檢查取消選中 - 選擇所有選項 – pvaju896 2012-01-11 09:18:17

1

jQuery('.myProductCheckBoxList:checked').each(function(){

alert(jQuery(this).attr('checked'));

});

我不知道多少的ASP,但我想檢查過濾器將幫助你找到所有被檢查的複選框。

實際上,選擇器給出了所有選定元素的數組。你可以在代碼中迭代這個來讀取屬性。

+0

是的,這給了一些對象。我如何確保選擇了某件東西或沒有選擇任何東西。 – pvaju896 2011-12-30 05:45:09

+0

現在您可以迭代該對象以獲取所有選定元素的修改代碼以進行迭代。 – 2011-12-30 05:46:20

1

如果你想檢查至少1複選框被選中,那麼你可以嘗試以下方法,

$(':checkbox.myProductCheckBoxList').is (':checked'); //returns true if at least 1 option is selected 

您可以使用jsFiddle Link這裏

+0

這使得所有的時間都是假的 – pvaju896 2011-12-30 05:54:49

+0

您是否嘗試檢查1複選框並驗證?我剛剛測試過它,它工作正常。 – 2011-12-30 06:02:35

1
jQuery('.myProductCheckBoxList').each(function() { 
    if (jQuery(this).is(":checked")) { 
    alert(jQuery(this).attr("value")); 
    } 
}); 

翻譯嘗試更多:對於每一個與「myProductCheckBoxList」類相關的複選框,檢查當前項目是否爲「已選中」,如果是,則提醒「複選框」項目。

var checked_product = false; 
jQuery('.myProductCheckBoxList').each(function() { 
    if (jQuery(this).is(":checked")) { 
    checked_product = true; 
    } 
}); 
if (checked_product) { 
    alert("one product is checked"); 
} 

如果一個或多個項目進行檢查這checkes。