jquery 实现复选框单选
时间: 2023-08-12 22:10:31 浏览: 148
可以使用以下代码实现复选框单选:
HTML代码:
```html
<input type="checkbox" name="option" value="option1" />选项1
<input type="checkbox" name="option" value="option2" />选项2
<input type="checkbox" name="option" value="option3" />选项3
```
jQuery代码:
```javascript
$('input[type="checkbox"]').click(function(){
var checkedCount = $('input[type="checkbox"]:checked').length;
if(checkedCount > 1){
$(this).prop('checked', false);
}
});
```
解释:当复选框被点击时,获取当前已选中的复选框数量。如果数量大于1,则取消当前被点击的复选框的选中状态,实现单选效果。
阅读全文