社区
JavaScript
帖子详情
使用javascript实现关于checkbox的功能(本人只有60分了,不好意思)
hahaha1234567
2003-08-19 02:46:55
要求,有一个全选的checkbox,当选中时页面table里所有的checkbox都选中。按下save按钮时,需要提交所选中的行(每一行都可以分别选中,即每一行前都有一个checkbox)。
...全文
43
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>
Javascript
常用的设计模式详解
阅读目录 一:理解工厂模式二:理解单体模式三:理解模块模式四:理解代理模式五:理解职责链模式六:命令模式的理解:七:模板方法模式八:理解
javascript
中的策略模式九:
Javascript
中理解发布--订阅模式十:理解中介者模式 回到顶部 一:理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,
实现
同样的效果;这时候需要
使用
工厂模式。
Javascript
设计模式详解
Javascript
常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解
javascript
中的策略模式 九:
Javascript
中理解发布--订阅模式 十:理解中介者模式 回到顶部 一:理解工厂模式 工厂模式类似于现...
Javascript
常用的设计模式
阅读目录一:理解工厂模式二:理解单体模式三:理解模块模式四:理解代理模式五:理解职责链模式六:命令模式的理解:七:模板方法模式八:理解
javascript
中的策略模式九:
Javascript
中理解发布--订阅模式十:理解中介者模式回到顶部一:理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,
实现
同样的效果;这时候需要
使用
工厂模式。 简单的工厂模式可以理解为...
JavaScript
设计模式(10种)
设计原则详解 设计模式存在根本原因是为了代码复用,增加可维护性。有以下原则: 1.【开闭原则】对扩开发,对修改关闭。 2.【里氏转换原则】子类继承父类。 3.【依赖倒转原则】引用一个对象,如果这个对象有底层类型,直接引用底层。 4.【接口隔离原则】每个接口应该是一个角色 一:理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大量相似的...
[转]AJAXCDR:利用 Flash 完美解决
JavaScript
和 AJAX 跨域 HTTP POST/GET 表单请求
javascript
的跨域get很容易搞 定,但是跨域post就有点复杂了,今天无意看到大牛“张宴”的文章:http://blog.s135.com/ajaxcdr/ ,思路很不错,转载于此(其实这个思路要是看懂了,也很容易借助silverlight
实现
) 最近的一个项目中,需要通过
JavaScript
提交表单数据到另一个域名下的PHP接口(因为数据较大,需要HTTP POST方式提交),并...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章