jquery的radio的change事件
一、用的jquery的radio的change事件:当元素的值发生改变时,会发生 change 事件,radio选择不同name值选项的时候恰巧是值发生改变
表单单选框
<input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">Allot
<input type="radio" name="bedStatus" id="transfer" value="transfer">Transfer
$(document).ready(function() { // jquery的radio的change事件$('input[type=radio][name=bedStatus]').change(function() {if (this.value == 'allot') {alert("Allot Thai Gayo Bhai");}else if (this.value == 'transfer') {alert("Transfer Thai Gayo");}});
});
1. 获取radio选中的value.
$('input:radio[name=bedStatus]:checked').val();
2. 选择 radio 按钮(这里的下标取决于有几个name为bedStatus的按钮)
$('input:radio[name=bedStatus]:nth(0)').attr('checked',true);
或者
$('input:radio[name=bedStatus]')[0].checked = true;
3. 重置 radio 按钮.
$('input:radio[name=bedStatus]').attr('checked',false);
二、jquery的change事件
<input type="radio" name="bedStatus" class="symbols_radio" checked="checked" value="allot">Allot
<input type="radio" name="bedStatus" class="symbols_radio" value="transfer">Transfer
$(function () {$(".symbols_radio").change(function () {console.log(this.value); // allotconsole.log(this.name); // bedStatus});
三、jquery的click事件:监听type=radio的click事件
$(':radio').clcik(function(){var value = $(this).vale() //获取选中的radio的值
});
jquery的radio的change事件相关推荐
- 在layui中使用 jquery 触发select 的 change事件无效
在layui中使用 jquery 触发select 的 change事件无效 使用layui.use监听select事件 <select lay-filter="demo" ...
- jquery radio/checkbox change 事件不能触发的问题
需求 <input type="radio" id="need" name="need" value="0" /& ...
- html的<input type='radio'/>change事件坑
一.坑复现 <div><input type='radio' name='test' value='1' checked/>1<span id='test_a'>a ...
- 分享一个旋钮插件 jquery.knob.js 新增change事件中回调返回值功能以及阻止冒泡事件
本来都要休息了还是打开github,解决了线上一个插件的兼容性. 看来今晚能睡的比较踏实了! 插件介绍 jquery-knob是我用到的UI设计比较清新的旋钮插件之一,应用灵活,体积小,功能强大. 图 ...
- radio的change事件失效
应该绑定ifChecked事件 <div class="row clearfix "><label class="form-label col-xs-4 ...
- icheck插件中 radio 的change 事件
html部分 <div class="radio-box"><input name="content_type" type="rad ...
- 用jquery给Struts2的s:radio /标签添加change事件
用到Struts2的<s:radio/>标签时想给它添加一个change事件,由于此标签为页面自动生成一个radio组,不能像平常那样控制.网上说了一大堆,也没找到一个满意的.如果像以前那 ...
- 【jquery】jquery-icheck radio的点击事件、change事件、获取当前选中的值
前言 使用ichick,获取当前选中,以及change事件的触发,或者说是点击事件 参考:https://www.cnblogs.com/xp796/p/5508145.html // 方法名称:获取 ...
- jquery change 事件
jquery下拉框选择事件心得 (2014-03-10 10:21:58) 转载▼ 标签: jquery 下拉框事件 下拉框操作 分类: 原创 备注:最近开发内容的一项是,根据下拉框的选择值显示或隐藏 ...
最新文章
- ELK logstash 配置自定义字段为索引
- 【学习笔记】 IPv4地址、NAT与子网掩码、子网划分
- Fiddler-2 Fiddler抓包原理
- 微信电脑版重大更新,可以上班刷朋友圈摸鱼了
- discuz论坛引入iframe
- 微信小程序云开发简单介绍
- 在谷歌下面打开之后显示金山毒霸页面
- latex里图片大小如何调整_怎样用latex修改插入图形的大小,使图形大小一致。...
- 零失误绕制无线充电线圈
- java web 有什么区别吗_web和java一样吗?有什么区别?
- js读取本地文本文件,并生成Excel文件
- 人力资源管理案例选读【3】
- JS中substr和substring
- PKI体系简易JAVA实现(一):时间戳服务器TSA
- 小码农也有大梦想!Java程序培训哪里好
- ZYNQ7000-SDK部署LVGL
- javaweb银行账目管理系统
- 二极管限幅电路和钳位电路-全网最详细讲解
- 千万别乱搞,定位不清晰,还能干啥?
- Spring与Web环境集成