js判断input标签是否被选中
时间: 2023-10-20 12:06:13 浏览: 66
可以使用input标签的checked属性来判断是否被选中。如果被选中,checked属性返回true,反之返回false。下面是一个示例代码:
var input = document.getElementById("myInput");
if (input.checked) {
console.log("Input被选中");
} else {
console.log("Input未被选中");
}
相关问题
input标签checkbox
引用中介绍了如何使用JavaScript操作input标签属性checkbox实现全选功能。通过给全选复选框绑定点击事件,根据其状态来改变其他复选框的选中状态。当点击全选复选框时,判断其是否具有特定的类名,如果没有则为其添加类名,并将其他复选框设置为选中状态;如果有,则移除类名,并将其他复选框设置为未选中状态。这样就实现了全选的功能。
另外,在引用中提到的重置框类型的input标签,主要用于清空表单中的内容。当点击重置按钮时,它会将其所属表单中的所有内容都清空,包括单选框、复选框的选中状态以及输入框、密码框中的输入内容。
两个input标签实现切换密码显示和隐藏
可以通过JavaScript来实现两个`input`标签之间的切换,一个用于输入密码,另一个用于显示/隐藏密码。
以下是一个示例代码,可以参考:
HTML部分:
```
<label for="password">密码</label>
<input type="password" id="password">
<label for="showPassword">显示密码</label>
<input type="checkbox" id="showPassword" onchange="togglePassword()">
```
JavaScript部分:
```
function togglePassword() {
var passwordInput = document.getElementById("password");
var showPasswordInput = document.getElementById("showPassword");
if (showPasswordInput.checked) {
passwordInput.type = "text";
} else {
passwordInput.type = "password";
}
}
```
在上面的代码中,我们首先获取了输入密码的`input`标签和显示/隐藏密码的`input`标签,并且定义了一个函数`togglePassword()`。当点击显示/隐藏密码的`input`标签时,就会调用此函数。在函数中,我们判断显示/隐藏密码的`input`标签是否被选中,如果被选中,则将输入密码的`input`标签的type属性值改为“text”,否则将其改为“password”,从而实现切换显示和隐藏密码的效果。