jquery操作radio,checkbox
jQuery 操作 checkbox radio
2023-09-27 14:27:24 时间
1. 获取radio选中的value.
$('input:radio[name=sex]:checked').val();
2. 选择 radio 按钮 (Male).
$('input:radio[name=sex]:nth(0)').attr('checked',true);
或者
$('input:radio[name=sex]')[0].checked = true;
3. 选择 radio 按钮 (Female).
$('input:radio[name=sex]:nth(1)').attr('checked',true);
或者
$('input:radio[name=sex]')[1].checked = true;
4. 选择 radio 按钮 (Unknown).
$('input:radio[name=sex]:nth(2)').attr('checked',true);
或者
$('input:radio[name=sex]')[2].checked = true;
5. 重置 radio 按钮.
$('input:radio[name=sex]').attr('checked',false);
判断checkbox选中
方法一:if ($("#checkbox-id")get(0).checked) { // do something}
方法二:if($('#checkbox-id').is(':checked')) { // do something}
方法三:if ($('#checkbox-id').attr('checked')) { // do something}
相关文章
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- JQuery操作表单控件
- jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等
- Jquery之ShowLoading遮罩组件
- jQuery源码-class操作
- es6 Object.assign ECMAScript 6 笔记(六) ECMAScript 6 笔记(一) react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法 响应式图像 弹窗细节 微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性 参数传递的四种形式
- JQuery对 Select 的各种操作,所有代码作者亲测
- 猴子也能学会的jQuery第十期——jQuery元素操作(上)
- 猴子也能学会的jQuery第九期——jQuery内容操作
- jQuery学习笔记
- 《JavaScript和jQuery实战手册(原书第3版)》---第1章 编写第一个JavaScript程序 1.1 编程简介
- 《jQuery Cookbook中文版》——1.10 创建、操作和插入DOM元素
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jQuery操作复选框的简单使用
- jquery checkbox选框操作
- jQuery DOM操作之结点转移复制
- jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次
- 不使用Element UI库借助jQuery的库也可以实现‘搜索下拉框’的功能噢
- 【转发】jquery操作下拉框select(设置默认选中,清空选中状态)
- 【转发】JQuery中操作Css样式的方法
- [置顶] Jquery中DOM操作(详细)
- jQuery操作单选按钮(Radio)
- Jquery的深度拷贝和深度克隆
- jquery阻止事件冒泡的方法