jQuery 获取 checkbox 值

转载于 2014-03-21 20:57:00 发布 · 181 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/XLHM-ZCH/p/3616715.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery从ASP.NET DataList控件中获取所有选中复选框值的方法。通过遍历指定ID的DataList下所有选中的checkbox元素，收集其value属性，最终返回一个包含所有选中值的字符串。此技巧适用于谷歌浏览器环境下，利用jQuery的:checked选择器来筛选已勾选的复选框。

HTML:

<asp:DataList runat="server" RepeatDirection="Horizontal" RepeatColumns="6" ID="dataList">
                    <ItemTemplate>
                        <input type="checkbox" value='<%# Eval("Key") %>' <%#Eval("Enable") %> <%#Eval("Checked") %> name='monthCheckbox' /> <span><%# Eval("Name") %></span>
                    </ItemTemplate>
                   </asp:DataList>

jQuery 获取id为dataList下选中状态的checkbox的值

function GetMonthValue() {
           var monthValue = "";
           $("#dataList input[type='checkbox'][checked='true']").each(function (index,elem) {
                monthValue += elem.value + ",";
            })

return monthValue;
}

谷歌浏览器下获取选中项:checked

var goodsListAll = $("input[type='checkbox'][rootKey]:checked"); //所有选中物品

转载于:https://www.cnblogs.com/XLHM-ZCH/p/3616715.html