社区
JavaScript
帖子详情
使用javascript实现关于checkbox的功能(本人只有60分了,不好意思)
hahaha1234567
2003-08-19 02:46:55
要求,有一个全选的checkbox,当选中时页面table里所有的checkbox都选中。按下save按钮时,需要提交所选中的行(每一行都可以分别选中,即每一行前都有一个checkbox)。
...全文
49
8
打赏
收藏
使用javascript实现关于checkbox的功能(本人只有60分了,不好意思)
要求,有一个全选的checkbox,当选中时页面table里所有的checkbox都选中。按下save按钮时,需要提交所选中的行(每一行都可以分别选中,即每一行前都有一个checkbox)。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
hahaha1234567
2003-08-20
打赏
举报
回复
结贴
hahaha1234567
2003-08-20
打赏
举报
回复
问题解决了,使用 回复人: haozhenming(好好) ( ) 的方法,不过好像不能在ns上实现
郝振明
2003-08-20
打赏
举报
回复
function CheckAll(){
if(document.all.全选的checkbox的名字.checked)
{
var arrObj = document.all;
for(var i=0;i<arrObj.length;i++)
{
if(typeof arrObj[i].type!="undefined"&&arrObj[i].type=='checkbox') arrObj[i].checked=true;
}
}
else{
var arrObj = document.all;
for(var i=0;i<arrObj.length;i++)
{
if(typeof arrObj[i].type!="undefined"&&arrObj[i].type=='checkbox') arrObj[i].checked=false;
}
}
}
shyslysky
2003-08-19
打赏
举报
回复
<TABLE id="Table1" style="Z-INDEX: 101; LEFT: 30px; POSITION: absolute; TOP: 21px" cellSpacing="1" cellPadding="1" width="300" border="1">
<TR>
<TD><INPUT type="checkbox" name="cb1" onclick =isAllSelected(this)><FONT face="宋体"> shy </FONT></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="cb2" onclick =isAllSelected(this)><FONT face="宋体"> sly</FONT></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="cb3" onclick =isAllSelected(this)><FONT face="宋体"> sky</FONT></TD>
</TR>
<TR>
<TD><INPUT onclick="allSelected()" type="checkbox" name="cb">全选
<INPUT style="WIDTH: 58px; HEIGHT: 19px" type="button" value="保存" onclick="save()"></TD>
</TR>
</TABLE>
<script>
function allSelected()
{
var elements=document.all.tags("INPUT");
for (var i=0;i<elements.length;i++)
{
if (elements[i].type=='checkbox'&&elements[i].checked==false)
elements[i].checked=true;
}
}
function isAllSelected(obj)
{
if (obj.checked==false)
{
document.all.cb.checked=false;
}
}
var str =new String();
function save()
{
str="";
var elements=document.all.tags("INPUT");
for (var i=0;i<elements.length;i++)
{
if (elements[i].type=='checkbox'&&elements[i].checked==true&&elements[i].name!='cb')
str+=elements[i].parentElement.innerText;
}
alert("你选择保存了:"+str);
}
</script>
hahaha1234567
2003-08-19
打赏
举报
回复
我的table在STRUTS标签下,而且,行是从数据库读取得
kingdomzhf
2003-08-19
打赏
举报
回复
<body>
<table id=t border=1><tr><td><input id=t1 type=checkbox>a</td></tr><tr><td><input id=t2 type=checkbox>b</td></tr></table>
<input type=button onclick="aa()" value='select all'>
<script>
function aa()
{
for(var i =0;i < t.rows.length;i++)
{
document.all('t' + (i + 1)).checked= true;
}
}
</script>
</body>
zhaoweiwei
2003-08-19
打赏
举报
回复
<html>
<head>
<title>New Page 1</title>
</head>
<script>
function check()
{
for(var counter=0;counter<=f1.elements.length-1;counter++)
{
if(!f1.elements[counter].checked)
{
f1.elements[counter].checked=true
}
else
{
f1.elements[counter].checked=false
}
}
}
</script>
<body>
<form name="f1" method="POST" action="--WEBBOT-SELF--">
<p><input type="checkbox" name="c1" value="ON">
<input type="checkbox" name="c2" value="ON">
<input type="checkbox" name="c3" value="ON">
</p>
<p><input type="button" value="按钮" name="B3" onClick="check()">
</p>
<p> </p>
</form>
</body>
</html>
zhaoweiwei
2003-08-19
打赏
举报
回复
<html>
<head>
<title>New Page 1</title>
</head>
<script>
function check()
{
for(var counter=0;counter<=f1.elements.length-1;counter++)
{
if(!f1.elements[counter].checked)
{
f1.elements[counter].checked=true
}
else
{
f1.elements[counter].checked=false
}
}
}
</script>
<body>
<form name="f1" method="POST" action="--WEBBOT-SELF--">
<p><input type="checkbox" name="c1" value="ON">
<input type="checkbox" name="c2" value="ON">
<input type="checkbox" name="c3" value="ON">
</p>
<p><input type="button" value="按钮" name="B3" onClick="check()">
</p>
<p> </p>
</form>
</body>
</html>
三维游戏引擎设计与
实现
-GUI设计与
实现
从初级介绍、设计并
实现
一套高效的跨平台的高效的GUI系统,采用OpenGL ES2.0规范Api进行渲染绘制。 介绍UI系统的消息处理,
实现
了一套高效,简单的消息处理机制,采用委托代理的模式做消息映射绑定。
实现
常用控件,例如 按钮,贴图按钮,Image,Label,Frame,Slider,ScrollView,Radio Button,
CheckBox
,汉字绘制等。
Javascript
常用的设计模式详解
一:理解工厂模式二:理解单体模式三:理解模块模式四:理解代理模式五:理解职责链模式六:命令模式的理解:七:模板方法模式八:理解
javascript
中的策略模式九:
Javascript
中理解发布--订阅模式十:理解中介者模式...
Javascript
设计模式详解
Javascript
常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解
javascript
中的策略...
Javascript
常用的设计模式
模板方法模式八:理解
javascript
中的策略模式九:
Javascript
中理解发布--订阅模式十:理解中介者模式回到顶部一:理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,
实现
同样的...
JavaScript
设计模式(10种)
我们明白的是单体模式如果有实例化的话,那么只实例化一次,要
实现
一个单体模式的话,我们无非就是
使用
一个变量来标识该类是否被实例化,如果未被实例化的话,那么我们可以实例化一次,否则的话,直接返回已经被实例...
JavaScript
87,922
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章