input复选框选中显示文字选中未选中显示未选中
时间: 2023-08-24 13:08:08 浏览: 49
你可以使用HTML中的<input>标签和JavaScript来实现这个功能。代码如下:
HTML:
```
<input type="checkbox" id="myCheckbox" onclick="checkBox()">
<span id="checkBoxText">未选中</span>
```
JavaScript:
```
function checkBox() {
var checkBox = document.getElementById("myCheckbox");
var checkBoxText = document.getElementById("checkBoxText");
if (checkBox.checked == true){
checkBoxText.innerHTML = "选中";
} else {
checkBoxText.innerHTML = "未选中";
}
}
```
这段代码创建了一个复选框和一个文字,当复选框被选中时,文字会显示“选中”,否则文字会显示“未选中”。点击复选框时,会调用JavaScript函数checkBox()来改变文字的显示。
相关问题
input复选框取消选中
要取消 input 复选框的选中状态,需要使用 JavaScript 来操作它的 checked 属性。例如,如果有一个 id 为 "myCheckbox" 的复选框,可以使用以下代码来取消它的选中状态:
```
document.getElementById("myCheckbox").checked = false;
```
这将把复选框的 checked 属性设置为 false,从而取消它的选中状态。
复选框选中和未选中怎么看
通常情况下,复选框选中时会出现一个勾号,未选中时则没有勾号。在网页中,HTML代码中的<input type="checkbox">标签可以通过checked属性来确定是否选中。如果checked属性被设置为true,则表示复选框被选中;如果checked属性被设置为false,则表示复选框未被选中。在编程中,可以通过检查该属性的值来确定复选框的选中状态。