动态全选和反选复选框(checkbox)

2008-10-01 08:08:00 | 【
点击下面的按钮实现全选和反选
选择你喜欢的程序设计语言
Java
JavaScript
Delphi
C#
C++

用一个按钮动态控制form内所有checkbox的选择和反选择,无需使用checkbox的ID那Name属性。代码更加简洁清晰

查看全部代码 View Code

第一步:
在<head>区添加以下代码

<SCRIPT LANGUAGE="JavaScript">

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序,请保留此声明
         * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
         ******************************************************/
    
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>


第二步:
在<body>区添加以下html代码输出复选框
<table>
<tr><td>
<b>Your Favorite Program Language</b><br>
<input type=checkbox name=list value="1">Java<br>
<input type=checkbox name=list value="2">JavaScript<br>
<input type=checkbox name=list value="3">Delphi<br>
<input type=checkbox name=list value="4">C#<br>
<input type=checkbox name=list value="5">C++<br>
<br>                                                    
<input type=button value="Check All" onClick="this.value=check(this.form.list)"> 
</td></tr>
</table>


点击按钮看效果

下载"动态全选和反选复选框(checkbox)"

  • 本地下载
  • 本地下载2
上一篇: 按钮链接  
下一篇: 点击按钮才能提交

相关资源