資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會科學
時尚研究
法律研究HTML DOM 輸入複選框 value 特性
Input Checkbox value 屬性會返回一個帶輸入複選框的 value 屬性的字串。使用者還可以將其設定為一個新的字串。
語法
以下是語法 −
- 返回字串值
inputCheckboxObject.value
- 將 value 屬性設定為字串值
inputCheckboxObject.value = ‘String’
示例
我們來看一個 Input Checkbox value 特性的示例 −
<!DOCTYPE html>
<html>
<head>
<title>Value Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Color-Red: <input value="Green" id="formCheckbox" type="checkbox" name="formCheckbox">
</div>
</form>
<button onclick="changeType()">Change value of input checkbox</button>
<div id="displayDiv"></div>
<script>
var valueOfInput = document.getElementById("formCheckbox");
var displayDiv = document.getElementById("displayDiv");
displayDiv.textContent = 'Value: ' + valueOfInput.value;
function changeType(){
if(valueOfInput.value == 'Green' && valueOfInput.checked == true){
valueOfInput.value = 'Red' displayDiv.textContent = 'value: ' + valueOfInput.value;
} else {
displayDiv.textContent = 'Check the checkbox to change value to red';
}
}
</script>
</body>
</html>輸出
這將產生以下輸出 −
點選“更改輸入複選框的值”按鈕之前 −
點選“更改輸入複選框的值”按鈕之後 −
選中“顏色 - 紅色”複選框並點選“更改輸入複選框的值”按鈕 −
更新於： 30-Jul-2019
460 次瀏覽
廣告