在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的名稱往下取得.

arrow
arrow
    全站熱搜

    JerryCheng 發表在 痞客邦 留言(9) 人氣()

    E-mail轉寄