JS获取checkboxlist的值

最新推荐文章于 2016-08-18 11:20:10 发布

jxqvip

最新推荐文章于 2016-08-18 11:20:10 发布

阅读量6.7k

点赞数 1

分类专栏： javascript 文章标签： textbox asp postback javascript function input

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本来是想通过下面的代码给checkboxlist生成的checkbox项添加value值，可是通过测试无法实现；如果可以添加value值的话，用js获取值的代码也就容易实现了；
for (int i = 0; i < checkboxlis.tItems.Count; i++)
        {
            checkboxlist.Items[i].Attributes.Add("value",checkboxlist.Items[i].value);
        }

通过checkboxlist生成的html代码可以发现，每个checkbox的值都是紧跟后面的label，因此获取了label的text值就获取了checkbox的值了；测试的时候发现了js的nextSibling属性，nextSibling可以获取当前dom对象的下一个对象，这里正好用到；
下面是checkboxlist生成的html代码：
<input id="cblSiteStyle_0" type="checkbox" name="cblSiteStyle$0" οnclick="addKeyWord(this.id);" /><label for="cblSiteStyle_0">B2B</label></td><td><input id="cblSiteStyle_1" type="checkbox" name="cblSiteStyle$1" οnclick="addKeyWord(this.id);" /><label for="cblSiteStyle_1">B2C</label></td><td><input id="cblSiteStyle_2" type="checkbox" name="cblSiteStyle$2" οnclick="addKeyWord(this.id);" /><label for="cblSiteStyle_2">C2C</label></td><td><input id="cblSiteStyle_3" type="checkbox" name="cblSiteStyle$3" οnclick="addKeyWord(this.id);" /><label for="cblSiteStyle_3">B2G</label>

方法1：
js获取label的text值的函数,IE和FIREFOX都可以用
function addKeyWord(cbl)
    {
      var kw = document.getElementById("txtkeyWord");
      var kwv=kw.value;
      var cblv="";
      if(document.getElementById(cbl).checked)
          {
              cblv=document.getElementById(cbl).nextSibling.innerHTML;
              alert(cblv);
          }
    }

记得在cs代码里要给checkboxlist的checkbox项添加onclick事件
for (int i = 0; i < checkboxlist.Items.Count; i++)
        {
            checkboxlist.Items[i].Attributes.Add("onclick", "addKeyWord(this.id)");
        }

方法2：

//cblcomplain_Nature为checkboxlist的id

</head>

<body οnlοad="javascript:IsListCheck('false');">//初始化加载js方法
<form id="form1" runat="server">
<div style="text-align: center; margin-left: 100px">

<asp:CheckBoxList ID="cblcomplain_Nature" runat="server" RepeatColumns="6" RepeatDirection="Horizontal"
                        οnclick="IsListCheck('true')">
                        <asp:ListItem>无效投诉</asp:ListItem>
                        <asp:ListItem>有效投诉</asp:ListItem>
                        <asp:ListItem>态度问题</asp:ListItem>
                        <asp:ListItem>业务操作问题</asp:ListItem>
                        <asp:ListItem>中途退租</asp:ListItem>
                        <asp:ListItem>来访</asp:ListItem>
                        <asp:ListItem>流程问题</asp:ListItem>
                        <asp:ListItem>政策问题</asp:ListItem>
                        <asp:ListItem>投诉到政府部门</asp:ListItem>
                        <asp:ListItem>退款/赔偿</asp:ListItem>
                        <asp:ListItem>其他</asp:ListItem>
                    </asp:CheckBoxList>
                    <span id="span1" style="float: left; display: none">其他投诉性质：<asp:TextBox ID="TextBox1"
                        runat="server"></asp:TextBox></span>

</div>
</form>
</body>