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

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) {

  var x = document.getElementById(cName);

  //if check-box is checked

  if (element.checked) {

    //assign required value

    x.value = 1;

  } else {

    x.value = 0;

  }

}

演示代码：

function testfun(element, cName) {

  var x = document.getElementById(cName);

  //if check-box is checked

  if (element.checked) {

//assign required value

x.value = 1;

  } else {

x.value = 0;

  } }

<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'到您的复选框输入，它应该可以工作。