在Javascript中 , 我們可以藉由取得html element並進行control ,
當然 , checkbox 也不會是例外:
<html>
<head>
<script language="javascript">
function selectAll()
{
var element = document.getElementById("ch1");
console.log(element);
element.checked = false;
form1.ch2.checked = true;
}
</script>
</head>
<body>
<form name="form1">
<input type="checkbox" checked="checked" name="ch1" id="ch1">First checkbox</input>
<br>
<input type="checkbox" name="ch2">Second checkbox</input>
<br>
<input type="button" value="check all" onClick="selectAll()"></input>
</form>
</body>
</html>
我們可以看到 , 若我們有一開始設定checked這個property , 那麼該checkbox就會打勾 (只要有出現checked就會)
不過藉由Javascript , 我們可以接checked這個property設為true --> 代表要打勾 , 或是設為false --> 取消打勾.
另外 , 我們也可以看到 , 要取得該input的element , 可以有兩種方式 ,
第一是藉由document.getElementById() , 另外一種則是藉由DOM Object ,
由from的名稱往下取得.
留言列表
Software (5)
