1,radio分组
只要name一样,就是一组的,即一组中只能选择一个,如下:
复制代码代码如下:
<span>group1:</span>
<input type="radio" id="radio1" checked="checked" name="group1" />radio1
<input type="radio" id="radio2" name="group1" />radio2
<input type="radio" id="radio3" name="group1" />radio3
<span>group2:</span>
<input type="radio" id="radio4" checked="checked" name="group2" />radio4
<input type="radio" id="radio5" name="group2" />radio5
<input type="radio" id="radio6" name="group2" />radio6
效果如下:
2,获取选中的radio节点
使用jquery可以很方便做到,先选择group,然后过滤出checked的,如下:
复制代码代码如下:
var group1 = $("[name='group1']").filter(":checked");
console.log(group1.attr("id"));
3,选中一个radio节点
使用jquery设置checked属性:
复制代码代码如下:
$("#radio2").attr("checked", "checked");
4,去选中一个radio节点
移除checked属性:
复制代码代码如下:
$("#radio1").removeAttr("checked");
这样做的结果可能造成一组radio中没有一个处于选中状态。
5,注册选中去选中事件
还是使用jquery的on函数来注册change事件,如下:
复制代码代码如下:
$("[name='group1']").on("change",
function (e) {
console.log($(e.target).val());
}
);
这样只要group1中任何一个有选中的,就会触发函数。
只要name一样,就是一组的,即一组中只能选择一个,如下:
复制代码代码如下:
<span>group1:</span>
<input type="radio" id="radio1" checked="checked" name="group1" />radio1
<input type="radio" id="radio2" name="group1" />radio2
<input type="radio" id="radio3" name="group1" />radio3
<span>group2:</span>
<input type="radio" id="radio4" checked="checked" name="group2" />radio4
<input type="radio" id="radio5" name="group2" />radio5
<input type="radio" id="radio6" name="group2" />radio6
效果如下:
2,获取选中的radio节点
使用jquery可以很方便做到,先选择group,然后过滤出checked的,如下:
复制代码代码如下:
var group1 = $("[name='group1']").filter(":checked");
console.log(group1.attr("id"));
3,选中一个radio节点
使用jquery设置checked属性:
复制代码代码如下:
$("#radio2").attr("checked", "checked");
4,去选中一个radio节点
移除checked属性:
复制代码代码如下:
$("#radio1").removeAttr("checked");
这样做的结果可能造成一组radio中没有一个处于选中状态。
5,注册选中去选中事件
还是使用jquery的on函数来注册change事件,如下:
复制代码代码如下:
$("[name='group1']").on("change",
function (e) {
console.log($(e.target).val());
}
);
这样只要group1中任何一个有选中的,就会触发函数。
标签:
html,radio值
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“html中radio值的获取、赋值、注册事件示例详解”评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新动态
20240521
20240521
- 群星.1995-美少女宣言精选(上)(下)【宝丽金】【WAV+CUE】
- 群星《小日子 电视剧影视原声带》[320K/MP3][84.58MB]
- 群星《小日子 电视剧影视原声带》[FLAC/分轨][194.38MB]
- 《QQ音乐 抖音热歌榜 225首 2024年第1季度.共计10期 TOP100》[FLAC/分轨][7.3GB]
- 天龙八部手游七周年 少侠集体走心庆生
- 西游笔绘西行红鳞大鳞技能介绍 技能效果一览
- 鸣潮桃祈阵容怎么搭配 最强阵容推荐
- dnf抗性怎么增加
- dnf护石可以分解吗
- dnf护石怎么合成
- 游侠晚报:《刺客信条影》预购火爆 IGN评最佳NS游戏
- 手办鉴赏室:妖精女王超帅气!阿尔托莉雅优雅战斗
- 《黑神话:悟空》将登陆WeGame!全新实机宣传片赏
- 白玛多吉《梦》限量1:1母盘直刻[低速原抓WAV+CUE]
- 林一峰2007-一期一会[香港首版][WAV+CUE]