html常用操作整理

一：Html+JS实现全选与非全选操作一 

<input type="checkbox" id="boxId"/>全选/全不选<br/>
<input type="checkbox" name="love"/>篮球<br/>
<input type="checkbox" name="love"/>足球<br/>
<input type="checkbox" name="love"/>排球<br/>
<input type="checkbox" name="love"/>冰球<br/>
<input type="button" value="全选" onclick="selAll()"/>
<input type="button" value="全不选" "/>
<input type="button" value="反选" "/>

//全选择方式二
function selAll(){
//获取名称是love的所有的input的标签，返回是数组
var inputs=document.getElementsByName("love");
//为了拿到每一个input标签，于是，设置checked
for(var i=0;i<inputs.length;i++){
//获取每一个input对象
var input=intputs[i];
//设置checked属性 
//input.checked=true;//方式一取值
//方式二取值
input.setAttribut("checked","checked");
}
}

一：Html+JS实现全选与非全选操作

jsp代码

看书：<input type="checkbox" name="checkbox" value=1><br>

写字：<input type="checkbox" name="checkbox"value=2><br>

玩游戏：<input type="checkbox" name="checkbox"value=4><br><button onclick="checkboxed('checkbox')">全选</button>

<button onclick="uncheckboxed('checkbox')">取消全选</button>

javascript代码

function checkboxed(objName){  

var objNameList=document.getElementsByName(objName);  

if(null!=objNameList){  

alert("全选操作");  

for(var i=0;i<objNameList.length;i++){  

objNameList[i].checked="checked";  

}  

}}

function uncheckboxed(objName){  

var objNameList=document.getElementsByName(objName);  

if(null!=objNameList){  

alert("取消全选操作");  

for(var i=0;i<objNameList.length;i++){  

objNameList[i].checked="";  

}  

}}

参考来源：https://c.runoob.com/codedemo/2874