JS实现复选框全选全不选以及子复选框带动全选框的选中资源-CSDN文库

共1个文件

html：1个

JS，复选框，子复选框，全选框

4星 · 超过85%的资源需积分: 47 50 浏览量 2011-05-23 10:30:06 上传评论 1 收藏 987B ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JS实现复选框全选全不选.zip （1个子文件）

JS实现复选框全选全不选以及子复选框带动全选框的选中.html 2KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> JS </TITLE> </HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <style tyle="text/css"> .{ font-size:12px; } </style> <BODY> <span> 实现全选全不选反选<br /> 并且,如果是在全选状态下将子复选框的选中取消,<br /> 那么全选复选框自动取消全选<br /> 如果全选复选框没有选中而子复选框全部被选中,<br /> 那么全选复选框自动选中全选<br /> </span> <FORM METHOD=POST ACTION="" name="myform"> <INPUT TYPE="checkbox" NAME="chball" id="chball" value="-1" onclick="checkAll()">全选<br /> <INPUT TYPE="checkbox" NAME="chbtest" id="chbtest" value="1" onclick="check(this)">1<br /> <INPUT TYPE="checkbox" NAME="chbtest" id="chbtest" value="2" onclick="check(this)">2<br /> <INPUT TYPE="checkbox" NAME="chbtest" id="chbtest" value="3" onclick="check(this)">3<br /> <INPUT TYPE="checkbox" NAME="chbtest" id="chbtest" value="4" onclick="check(this)">4<br /> <INPUT TYPE="checkbox" NAME="chbtest" id="chbtest" value="5" onclick="check(this)">5<br /> </FORM> </BODY> </HTML>

评论收藏

内容反馈