2011-12-30 57 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。