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

HTML代码

  1. html xmlns="http://www.w3.org/1999/xhtml"> 
  2. <headrunat="server"> 
  3.     <title>无标题页</title> 
  4.     <scripttype="text/javascript"src="js/jquery-1.3.2.min.js"></script> 
  5.     <scripttype="text/javascript"> 
  6.         $(document).ready(function(){ 
  7.             $("#getText").click(function(){ 
  8.                 var arr=[]; 
  9.                 $("#CheckBoxList1 :checkbox:checked").each(function(){ 
  10.                     arr.push($(this).next().html()); 
  11.                 }) 
  12.                 $("#txt_pjName").val(arr.join(‘,‘)); 
  13.             }) 
  14.             $("#getValue").click(function(){ 
  15.                 var arr=[]; 
  16.                 $("#CheckBoxList1 :checkbox:checked").each(function(){ 
  17.                     arr.push($(this).parent().attr("SetValue")) 
  18.                 }) 
  19.                 $("#txt_pjName").val(arr.join(‘,‘)); 
  20.             }) 
  21.         }) 
  22.     </script> 
  23.  
  24. </head> 
  25. <body> 
  26.     <formid="form1"runat="server"> 
  27.     <asp:TextBoxID="txt_pjName"runat="server"> 
  28.     </asp:TextBox> 
  29.         <asp:CheckBoxListID="CheckBoxList1"runat="server"RepeatColumns="2"  
  30.         ondatabound="CheckBoxList1_DataBound"> 
  31.         </asp:CheckBoxList> 
  32.         <aid="getText">获取文本</a> 
  33.         <aid="getValue">获取值</a> 
  34.     </form> 
  35. </body> 
  36. </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#代码

  1. protectedvoid CheckBoxList1_DataBound(object sender, EventArgs e) 
  2.    { 
  3.        ListControl list = sender as ListControl; 
  4.        foreach (ListItem item in list.Items) 
  5.        { 
  6.            item.Attributes["SetValue"] = item.Value; 
  7.        } 
  8.    } 
 protected void CheckBoxList1_DataBound(object sender, EventArgs e)
    {
        ListControl list = sender as ListControl;
        foreach (ListItem item in list.Items)
        {
            item.Attributes["SetValue"] = item.Value;
        }
    }

Jquery 获取checkboxlist里面选中的值 (转),布布扣,bubuko.com

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

上一篇:.NET性能优化方面的总结


下一篇:日期的输入ShowCalendar.js