Jquery 获取checkboxlist里面选中的值 (转)

最新推荐文章于 2016-09-08 15:17:00 发布

weixin_30896511

最新推荐文章于 2016-09-08 15:17:00 发布

阅读量311

点赞数

文章标签： javascript 前端 xhtml ViewUI

原文链接：http://www.cnblogs.com/lunbawu/p/3576956.html

版权

HTML代码

[html] view plain copy print ?

html xmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>无标题页</title>
<scripttype="text/javascript"src="js/jquery-1.3.2.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("#getText").click(function(){
var arr=[];
$("#CheckBoxList1 :checkbox:checked").each(function(){
arr.push($(this).next().html());
})
$("#txt_pjName").val(arr.join(','));
})
$("#getValue").click(function(){
var arr=[];
$("#CheckBoxList1 :checkbox:checked").each(function(){
arr.push($(this).parent().attr("SetValue"))
})
$("#txt_pjName").val(arr.join(','));
})
})
</script>
</head>
<body>
<formid="form1"runat="server">
<asp:TextBoxID="txt_pjName"runat="server">
</asp:TextBox>
<asp:CheckBoxListID="CheckBoxList1"runat="server"RepeatColumns="2"
ondatabound="CheckBoxList1_DataBound">
</asp:CheckBoxList>
<aid="getText">获取文本</a>
<aid="getValue">获取值</a>
</form>
</body>
</html>

html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#getText").click(function(){
                var arr=[];
                $("#CheckBoxList1 :checkbox:checked").each(function(){
                    arr.push($(this).next().html());
                })
                $("#txt_pjName").val(arr.join(','));
            })
            $("#getValue").click(function(){
                var arr=[];
                $("#CheckBoxList1 :checkbox:checked").each(function(){
                    arr.push($(this).parent().attr("SetValue"))
                })
                $("#txt_pjName").val(arr.join(','));
            })
        })
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:TextBox ID="txt_pjName" runat="server">
    </asp:TextBox>
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatColumns="2" 
        ondatabound="CheckBoxList1_DataBound">
        </asp:CheckBoxList>
        <a id="getText">获取文本</a>
        <a id="getValue">获取值</a>
    </form>
</body>
</html>

C#代码

[csharp] view plain copy print ?

protectedvoid CheckBoxList1_DataBound(object sender, EventArgs e)
{
ListControl list = sender as ListControl;
foreach (ListItem item in list.Items)
{
item.Attributes["SetValue"] = item.Value;
}
}

 protected void CheckBoxList1_DataBound(object sender, EventArgs e)
    {
        ListControl list = sender as ListControl;
        foreach (ListItem item in list.Items)
        {
            item.Attributes["SetValue"] = item.Value;
        }
    }

转载于:https://www.cnblogs.com/lunbawu/p/3576956.html

weixin_30896511

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery 获取checkboxlist里面选中的值 (转)

HTML代码[html] view plaincopyprint?html xmlns="http://www.w3.org/1999/xhtml"> <headrunat="server"> <title>无标题页</title> <scripttype="text/javascript"s...
复制链接

扫一扫