java checkbox

最新推荐文章于 2024-11-03 19:35:07 发布

转载最新推荐文章于 2024-11-03 19:35:07 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ydsxi1314/archive/2008/11/20/1337384.html

文章标签：

#java #javascript #数据库 #ViewUI

本文介绍了一种使用JavaScript来实现批量选中或取消选中多个Checkbox的方法，并提供了两种不同的实现方式。此外，还展示了如何获取被选中的Checkbox值并进行批量删除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有以下表单：里面有几个checkbox，如何当点击第一个checkbox而同时选择所有的checkbox呢？可以用后面的script方法：
<form>
<table >
<tr>
     <td
      <input type="checkbox" name="ifAll" id="ifAll" onClick="checkAll()">
     </td>
<tr>
<td><input type="checkbox" name="selectFlag" value="checkbox1"></td>
</tr>
<tr>
<td><input type="checkbox" name="selectFlag" value="checkbox1"></td>
</tr>
<tr>
<td><input type="checkbox" name="selectFlag" value="checkbox2"></td>
</tr>
<tr>
<td><input type="checkbox" name="selectFlag" value="checkbox3"></td>
</tr>
<table >
</form>
<script type="text/javascript">
function checkAll() {
  for (var i = 0; i < document.getElementsByName("selectFlag").length; i++) {
   document.getElementsByName("selectFlag")[i].checked = document.getElementById("ifAll").checked;
  }
}
</script>

用以下方法可以得到所有checkbox的值：
String[] userIds = request.getParameterValues("selectFlag");//返回一个数组

然后进行删除：
调用方法：UserManager.getInstance().deleteUser(userIds);
（具体的方法deleteUser(userIds)如下）
public void deleteUser(String[] userIds) {
  StringBuffer sbSql = new StringBuffer();
  for (int i =0; i < userIds.length; i++) {
   sbSql.append("'")
        .append(userIds[i])
        .append("',");
  }
  String sql = "delete from t_user where user_id in (" + sbSql.substring(0, sbSql.length() - 1) + ")";
  Connection conn = null;
  Statement stmt = null;
  try{
   conn = DB.getConn();//DB是一个链接数据库的javabeen
   stmt = conn.createStatement();
   stmt.executeUpdate(sql);
  }catch(SQLException e) {
   e.printStackTrace();
  }finally {
   DB.close(stmt);
   DB.close(conn);
  }
}
ok!

posted on 2007-09-24 19:51 eric.joe 阅读(2456) 评论(3) 编辑收藏

re: 如何用javascript控制checkbox，并进行批量删除[未登录] 2007-09-24 20:06

另外一种方法：
//select all
function checkAll(form)
{
for (var i=0; i<form.elements.length; i++)
{
var e = form.elements[i];
if (e.name != 'ifAll')
e.checked = form.chkall.checked;
}
}
//效果是一样的，似乎更简洁些

re: 如何用javascript控制checkbox，并进行批量删除 2007-09-24 22:24

还有更简单的

<input type="checkbox" name="ifAll" id="ifAll" onClick="checkAll(this)">

function checkAll($obj) {
var elms = document.getElementsByName("selectFlag");
for (var i = 0; i < elms.length; i++) {
elms[i].checked = $obj.checked;
}
}

转载于:https://www.cnblogs.com/ydsxi1314/archive/2008/11/20/1337384.html