写一个JS,实现当点击check时,计算值显示出来,再点一个check时又计算。
<p>
  <input type="checkbox" name="checkbox3" id="checkbox3" /> 
  全选
  <label>
  <input type="text" name="textfield3" id="textfield3" />
  </label>
</p>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="checkbox" name="checkbox" id="checkbox" onclick="c()"/>
  </label>
  <label>
  <input name="textfield" type="text" id="textfield" value="1" />
  </label>
  <p>
    <label>
    <input type="checkbox" name="checkbox2" id="checkbox2" />
    </label>
    <label>
    <input name="textfield2" type="text" id="textfield2" value="2" />
    </label>
  </p>
</form>
<p>&nbsp; </p>

解决方案 »

  1.   

    谁和谁相加啊?把form去掉,然后:
    <input type=text id='jia' value=''>
    <script>
    function c(){
    //jia.value=textfield.value+textfield2.value;   //字符串加
    jia.value=parseInt(textfield.value)+parseInt(textfield2.value);  //数字加
    }
    </script>
      

  2.   

    点击任意一个check的时候,那么它那一行的文本框的值就和上面textfield3相加。显示总和。
      

  3.   


    <script type="text/javascript"> 
    function c(){
    var sum = 0;
    for(var i=1;i<3;i++){
    if(document.getElementById("checkbox" + i).checked){
    var v = document.getElementById("textfield" + i).value;
    if(v=="" || isNaN(v)) v = 0;
    v = parseFloat(v);
    sum += v;
    }
    }
    sum = Math.round(sum * 10000)/10000;
    document.getElementById("textfield3").value = sum;
    }
    function sa(obj){
    for(var i=1;i<3;i++){
    document.getElementById("checkbox" + i).checked = obj.checked;
    }
    c();
    }
    </script>
    </head> 
    <p>
      <input type="checkbox" name="checkbox3" id="checkbox3" onclick="sa(this);"/> 
      全选
      <label>
      <input type="text" name="textfield3" id="textfield3" value="0"/>
      </label>
    </p>
    <form id="form1" name="form1" method="post" action="">
      <label>
      <input type="checkbox" name="checkbox1" id="checkbox1" onclick="c()"/>
      </label>
      <label>
      <input name="textfield1" type="text" id="textfield1" value="1" />
      </label>
      <p>
        <label>
        <input type="checkbox" name="checkbox2" id="checkbox2"  onclick="c()"/>
        </label>
        <label>
        <input name="textfield2" type="text" id="textfield2" value="2" />
        </label>
      </p>
    </form>