JavaScript_之複選框

時間 2019-12-06

原文原文鏈接

UI界面樣式 javascript

HTML界面實現代碼

<!DOCTYPE html>：
<html>
<head>
<srcipt type="text/javascript" src="index5.js"></srcipt>
<title>ShowCheckBox</title>
</head>
<body>
//先寫一個表單
<form>
 <input type="checkbox" name="insterest" /><label>游泳</label>
    <input type="checkbox" name="insterest" /><label>吸貓</label>
    <input type="checkbox" name="insterest" /><label>打拳</label>
    <input type="checkbox" name="insterest" /><label>敲代碼</label>
    <input type="button" value="全選" onclick="checkInterset()"/>
    <input type="button" value="反選" onclick="checkInterset1()"/>
</form>
</body>
</html>
複製代碼

JavaScript代碼實現

var flag=true;
function checkInterest(){
    var interset=document.getElementsByName("insterest");
  for(i=0;i<interset.length;i++){
      interset[i].checked=flag;
  }
    flag=!flag;
}
複製代碼

相關標籤/搜索