复选框状态怎么在JS中读取判断
时间: 2024-04-29 19:02:38 浏览: 48
您好!关于您的问题,可以使用以下代码来读取复选框的状态:
```
var checkBox = document.getElementById("myCheckbox");
if(checkBox.checked == true){
// 复选框被选中
} else {
// 复选框未被选中
}
```
其中,“myCheckbox”是您在HTML中设置的复选框的ID。您可以根据具体情况进行修改。希望能够帮到您。
相关问题
用js实现bootstrap复选框组合读取label文本
可以通过以下代码实现:
HTML:
```html
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="checkbox1">
<label class="form-check-label" for="checkbox1">
Option 1
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="checkbox2">
<label class="form-check-label" for="checkbox2">
Option 2
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="checkbox3">
<label class="form-check-label" for="checkbox3">
Option 3
</label>
</div>
```
JS:
```javascript
var checkboxes = document.querySelectorAll('.form-check-input');
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
var checkedValues = [];
checkboxes.forEach(function(cb) {
var label = cb.nextElementSibling;
if (cb.checked) {
checkedValues.push(label.innerText);
}
});
console.log(checkedValues);
});
});
```
这段代码使用querySelectorAll从HTML中选择所有具有.form-check-input类的复选框,然后添加一个事件侦听器以侦听复选框的更改事件。每次复选框更改时,代码循环遍历所有复选框,如果它被选中,则获取其相邻的兄弟元素标签,并将标签的innerText添加到一个名为checkedValues的数组中。最后,它记录该数组。
android+保存按钮状态,在点击后退按钮后在android中保存复选框状态
你可以使用SharedPreferences来保存复选框的状态。具体步骤如下:
1. 在Activity中定义SharedPreferences对象:
```
SharedPreferences preferences = getSharedPreferences("checkbox_state", MODE_PRIVATE);
```
2. 在Activity的onCreate方法中读取SharedPreferences中保存的状态,并设置复选框的状态:
```
CheckBox checkBox = findViewById(R.id.checkbox);
boolean isChecked = preferences.getBoolean("isChecked", false);
checkBox.setChecked(isChecked);
```
3. 在复选框的点击事件中保存状态:
```
checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
SharedPreferences.Editor editor = preferences.edit();
editor.putBoolean("isChecked", isChecked);
editor.apply();
}
});
```
4. 在Activity的onBackPressed方法中保存状态:
```
@Override
public void onBackPressed() {
super.onBackPressed();
SharedPreferences.Editor editor = preferences.edit();
editor.putBoolean("isChecked", checkBox.isChecked());
editor.apply();
}
```
这样,在点击后退按钮后,复选框的状态就会被保存下来。