jq根据ID获取checkbox的值
时间: 2023-09-01 08:11:06 浏览: 168
可以使用以下的 jQuery 选择器和属性获取方式来获取 checkbox 的值:
HTML 代码:
```html
<input type="checkbox" id="myCheckbox" value="myValue">
```
jQuery 代码:
```javascript
var checkBoxValue = $('#myCheckbox:checked').val();
```
上述代码中,首先使用 `#myCheckbox` 选择器获取 checkbox 元素,然后使用 `:checked` 选择器来筛选选中的 checkbox,最后使用 `val()` 方法获取 checkbox 的值。
如果 checkbox 没有被选中,`checkBoxValue` 变量将会是 `undefined`。
相关问题
jq获取input是否选中
假设有以下HTML结构:
```html
<input type="checkbox" id="checkbox1" name="checkbox1" checked>
```
可以使用以下jq代码来判断input是否被选中:
```javascript
if ($('#checkbox1').is(':checked')) {
console.log('input被选中');
} else {
console.log('input未被选中');
}
```
解释:
- `$('#checkbox1')`:选择id为checkbox1的元素。
- `.is(':checked')`:判断元素是否被选中。如果被选中,返回true;否则返回false。
jq获取input框checked属性
假设HTML代码如下:
```
<input type="checkbox" id="myCheckbox" name="myCheckbox" checked>
```
使用jq可以这样获取input框的checked属性:
```
var isChecked = $("#myCheckbox").prop("checked");
```
其中,`$("#myCheckbox")`选中了id为myCheckbox的input元素,`prop("checked")`获取了该元素的checked属性值。返回值为true或false。
阅读全文