全选和反选

来源：互联网发布：淘宝店铺关注排行编辑：程序博客网时间：2024/05/18 09:11
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title></title><script type="text/javascript">function test1(){var a1=document.getElementsByName("ah");for(var i=0;i<a1.length;i++){a1[i].checked=all.checked}}function test2(){var a2=document.getElementsByName("ah");document.getElementById("all").checked=true;for(var j=0;j<a2.length;j++){if(!a2[j].checked){document.getElementById("all").checked=null;}}}function test3(){var c1=document.getElementsByName("sex");var c2=document.getElementsByName("ah");test4(c1);test4(c2);}function test4(a){for(var m=0;m<a.length;m++){if(a[m].checked){alert(a[m].value)}}}</script></head><body>性别：<input type="radio" name="sex" value="男" />男        <input type="radio" name="sex" value="女" />女        <br />                爱好：<input type="checkbox" id="all" onclick="test1()" />全选        <br />        <input type="checkbox" name="ah" value="美术" onclick="test2()" />美术        <input type="checkbox" name="ah" value="音乐" onclick="test2()" />音乐        <input type="checkbox" name="ah" value="游泳"onclick="test2()" />游泳        <input type="checkbox" name="ah" value="篮球" onclick="test2()" />篮球        <input type="button" onclick="test3()" value="test" /></body></html>
阅读全文
0 0