问个asp:CheckBoxList 选中 更改text值的问题

asp:CheckBoxList 值是价格 选中后或者取消选中  总价的文本框值跟着累加或者减去怎么做啊

解决方案 »

  1.   

    给asp:CheckBoxList设置onclick之js事件，事件中判断勾选与否，并做加减！
      

  2.   

    把它放一个DIV里，给DIV加个Click
    function DIVClick(){
    var sum=0;
    var Arr=document.getElementById("CheckBoxList1").getElementsByTagName("input");
    var length=Arr.length;
    for(var i=0;i<length;i++)
    {
      if(Arr[i].checked)
      {
        sum+=Arr[i].value*1;
      }
    }
    document.getElementById("textBoxID").vaule=sum;
    }
      

  3.   

    每项添加onclick
    ListItem   item   =   new   ListItem( "item1 "); 
    item.Attributes[ "onclick "]   =   "test(this) "; 
    myCheckBoxList.Items.Add(item);在 test中取值，实现加减
      

  4.   

    谢谢大神啊，可惜最后总和value写错了，找了半天错误。
      

  5.   


    <html>
    <body>
    <form>
     <div id="test">
       <asp:CheckBox ID="CheckBox1" runat="server" Text="10"  ></asp:CheckBox>
       <asp:CheckBox ID="CheckBox2" runat="server" Text="20"   ></asp:CheckBox>
        <asp:CheckBox ID="CheckBox3" runat="server" Text="15"  ></asp:CheckBox></div>
            <script type="text/javascript">            function sum() {                var txt = document.getElementById("TextBox1").value;
                    if (this.checked) {
                       
                        if (txt == "") {
                            document.getElementById("TextBox1").value = parseInt(this.nextSibling.innerText);
                        }
                        else {
                            document.getElementById("TextBox1").value = parseInt(this.nextSibling.innerText) + parseInt(txt);
                        }
                    }
                    else {
                        document.getElementById("TextBox1").value = parseInt(txt) - parseInt(this.nextSibling.innerText);
                    }
                }
                var elements = document.getElementById("test").getElementsByTagName("input");
            for (var i = 0; i < elements.length; i++) {
                elements[i].onclick = sum;
             }   
              
            </script>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
        </form>
    </body>
    </html>类似这样把应该