JSP页面使用JS控制checkbox实现全选功能 为什么实现不了，代码如下：
<html>
<head>
<title>书世界网站后台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../CSS/style.css" rel="stylesheet">
<script src="../JS/check.jsp"></script>
<script src="onclock.JS"></script>
</head>
<script language="javascript" >
function checkdel(delid,formname){
var flag = false;
for(i=0;i<delid.length;i++){
if(delid[i].checked){
flag = true;
break;
}
}
if(!flag){
alert("请选择要删除的记录！");
return false;
}else{
if(confirm("确定要删除吗？")){
formname.submit();
}
}
}
</script>
<body onLoad="clockon(bgclock)">
<%
int ID=0;
String content="";
String title="";
while(rs.next()){
ID=rs.getInt(1);
title=rs.getString(2);
content=rs.getString(3);
%>
<tr style="padding:5px;">
<td height="20" align="center"><%=chStr.convertStr(title)%></td>
<td height="20"><%=chStr.convertStr(content)%></td>
<td align="center"><input name="delid" type="checkbox" class="noborder" value="<%=ID%>"></td>
</tr>
<%
}
%>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="73%" height="24"> </td>
<td width="27%" align="right"><input name="checkbox" type="checkbox" class="noborder" onClick="CheckAll(frm.delid,frm.checkbox)">
[全选/反选] [<a style="color:red;cursor:hand;" onclick="checkdel(frm.delid,frm)">删除</a>]
<div id="ch">
<input name="delid" type="checkbox" class="noborder" value="0">
</div></td>
<!--层ch用于放置隐藏的checkbox控件，因为当表单中只是一个checkbox控件时，应用javascript获得其length属性值为undefine-->
<script language="javascript">ch.style.display="none";</script>
</tr>
</table></td>
</body>
</html>
以下是checkall功能的代码：
function CheckAll(elementsA,elementsB){
for(i=0;i<elementsA.length;i++){
elementsA[i].checked = true;//通过for全部选中复选框
}
if(elementsB.checked ==false){
for(j=0;j<elementsA.length;j++){
elementsA[j].checked = false;//通过for全部反选复选框
}
}
}
<a href="javascript:check(true)">全选</a> <a href="javascript:check(false)">反选</a>
function check(bvalue)
{
var checkall = document.getElementsByName("isCheckbox");//
for(var i=0;i<checkall.length;i++)
{
if(checkall[i].type=="checkbox")
{
checkall[i].checked=bvalue;
}
}
}追问
用你的方法试了一下，还是不行，怎么回事呢？
追答不可能，绝对可以的，你可以把下面代码建一个html试试可不可以
function check(bvalue)
{
var checkall = document.getElementsByName("test");//
for(var i=0;i
全选 反选
11111111
22222
3333
444
js实现checkbox全选、不选与反选的方法
把checkbox的checked设置为true即实现全选 5.把checkbox的checked设置为false即实现不选 6.通过if判断，如果checked为true选中状态的，就把checked设为false不选状态，如果checked为false不选状态的，就把checked设为true选中状态。二、html代码： ...
为什么我用jQuery写好checkbox的全选后,点击两次后,就不行了,要刷新...
是jQuery版本问题。我操作属性用的是 (XXX).attr(attrName);而jQuery的版本用的是2.1.1，这就是存在一个兼容性和稳定性问题。jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即 使用代码如下:(input[name='checkbox']).prop(checked);(input[name='checkbox'])...
如何用jQuery实现checkbox全选
(":checkbox:not(:checked)").attr("checked","checked");全手写，没有经过测试。完整代码如下，测试通过： 如何用jQuery实现checkbox全选 \/\/全选，全不选 function allSelect() { if ($(":checkbox").attr("checked") != "checked") { $(":checkbox").attr("check...
JSP表单按钮如何实现全选功能
你好。我想这个问题用JavaScript代码就可以实现。代码如下： 练习 function myChoose(){ var love=document.getElementsByName("love");var btn=document.getElementById("btn");if(btn.innerHTML=="全选"){ btn.innerHTML="全不选";for(var i=0;i<love.length;i++){ love[i].checked=true...
jsp页面中select标签中怎么加checkbox实现多选?
使用JSP页面代码：代码如下: 入学批次：<SELECT NAME="grade"id="grade" onchange="refreshEduLevelAndSpecialAjax();"> \/\/选择入学批次会刷新层次和专业 <OPTION VALUE="0"> --请选择-- <c:forEach items="${gradeInfo}" var="gradeInfo"> <OPTION VALUE="${gradeInfo.gradeName}">${g...
js全选和全不选效果?
javascript全选按钮如何实现第二次点击,全部不选1、CheckBox复选框JS实现全选全不选功能，很简单，就只需插入一小段js函数就行了。。2、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。这里是jq来实现全选，所以引入jQuery，并且...
el-checkbox 多选框,全选
下面是对代码的解释，具体示例如下图所示：为了实现这一功能，开发者需要编写特定的Vue.js组件和相关逻辑。首先定义一个数据属性来存储是否全选的状态，接着在HTML中放置全选按钮，并通过事件监听器与JavaScript代码关联，实现全选和反全选功能。在Vue.js的模板中，利用el-checkbox组件的`v-model`属性绑定到...
JSP列表中复选框批量选择功能实现
1、 实现的方法往往就是在每条记录前面加一个复选框，然后在列表下方放置一个“全选\/ 全不选”复选框。2、 当选中“全选\/全不选”复选框后，列表中的所有复选框都选中，当取消“全选\/全不选”复选框后，列表中的所有复选框都取消选中。3、 当列表中的复选框都取消选中后，“全选\/全不选”...
jsp页面的批量选择(全选) 谁能帮帮忙教教我 网上的资料看的迷糊。_百...
好模糊的图片啊，看框架好像是使用了apache shiro 全选还不简单，有全选那就肯定有复选框。其中th也有一个，其他的的所有td都有复选框，那么可以使用jquery控制事件，如以下例子：表头th 列表td 列表td 列表td 选择表头复选框，列表复选框全选的jquery:("#all").on("click",function(...
js中如何实现多个复选框全选
CheckBox复选框JS实现全选全不选功能,很简单，就只需插入一小段js函数就行了。。。 function cli(Obj) { \/\/获取控制其它复选框的对象obj var collid = document.getElementByIdx_x("all") \/\/获取需要全选，全不选功能的所有复选框 var coll = document.getElementsByName(Obj) \/\/...
