我想在选中复选框时更新我的​​文本值

Question

我有一个表单，它有一个复选框、值（您想要多少个项目）、项目（例如：笔、橡皮）。

我的值设置为 0，我希望当我检查时，值会变成 0 -> 1

这是我的代码：

<div class="container">

  <table>

    <thead>

    <tr><th>checkbox</th><th>value</th><th>item</th></tr> 

    </thead>

    <tbody id="myTable">

        <%     

          String sql = "select * from send"; 

            pstmt = conn.prepareStatement(sql);  

             ResultSet rs = pstmt.executeQuery(); 

             pstmt.setQueryTimeout(60);

             while(rs.next()){ 

                         String name = rs.getString("name");  

     String c_id = rs.getString("c_id");

                    out.print("<tr><td>"+"<input type=checkbox name='a'id='a' value="+c_id+" onclick='testfun( this,"+c_id+")'>"+"</td>"

                + "<td><input type=text id='"+c_id+"' value=0 SIZE=5></td><td>"+name+"</td></tr> "); 

                   }

                    rs.close(); 

            %>

    </tbody>

  </table>

  </form>

</div>

<script type="text/javascript">

unction testfun(element, c_id) {

var x = document.getElementById('c_id');

 //if check-box is checked

 if (element.checked) {

x.value ="1";

 } else {

x.value ="0";

 }

}

</script>

我该怎么办？我不知道为什么我不能改变价值？

Answer 1

分配c_id给您的输入框并将其传递给您的functionie:testfun()使用单击当前复选框this。如下所示：Jsp代码：out.print("<tr><td>"+"<input type='checkbox' name='a' value="+c_id+" onclick='testfun( this ,'"+c_id+"')'>"+"</td>" + "<td><input type='text' id='"+c_id+"' name='count' value=0 SIZE=5></td><td>"+name+"</td></tr> ");JS代码：function testfun(element, cName) {&nbsp; var x = document.getElementById(cName);&nbsp; //if check-box is checked&nbsp; if (element.checked) {&nbsp; &nbsp; //assign required value&nbsp; &nbsp; x.value = 1;&nbsp; } else {&nbsp; &nbsp; x.value = 0;&nbsp; }}演示代码：function testfun(element, cName) {&nbsp; var x = document.getElementById(cName);&nbsp; //if check-box is checked&nbsp; if (element.checked) {//assign required valuex.value = 1;&nbsp; } else {x.value = 0;&nbsp; } }<input type="checkbox" name="abc" value="ddnd" onclick="testfun(this,'a')" />1<input type="checkbox" name="abc" value="ddnd" onclick="testfun(this,'b')" />2<input type="text" id="a" /><input type="text" id="b" />

Answer 2

您已经getElementById给它提供了元素的“name”属性的值。添加id='a'到您的复选框输入，它应该可以工作。