資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會科學
時尚研究
法律研究HTML DOM 輸入複選框 checked 屬性
HTML DOM 輸入複選框 checked 屬性會返回並修改 HTML 中複選框的 checked 屬性的值。
語法
以下是語法 −
1. 返回 checked
object.checked
2. 修改 checked
object.checked = true|false
示例
讓我們看一個 HTML DOM Input Checkbox checked 屬性的示例 −
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM checked property</title>
<style>
body{
text-align:center;
}
p{
font-size:1.5rem;
color:#ff8741;
}
input{
width:30px;
height:30px;
}
button{
background-color:#db133a;
color:#fff;
padding:8px;
border:none;
width:120px;
margin:0.5rem;
border-radius:50px;
outline:none;
}
</style>
</head>
<body>
<h1>checked Property Example</h1>
<p>Are you happy?</p>
<input type="checkbox">
<br>
<button onclick="yes()">Yes</button>
<button onclick="no()">No</button>
<script>
function yes() {
document.querySelector("input").checked = true;
}
function no() {
document.querySelector("input").checked = false;
}
</script>
</body>
</html>輸出
這將產生以下輸出 −
點選“是”按鈕以選中複選框。
現在，點選“否”按鈕以取消選中複選框。
更新於: 30-Jul-2019
261 瀏覽
廣告