<label><inputtype="radio"name="sex"value="1">男</label>

  <label><inputtype="radio"name="sex"value="2">女</label>

  JQ获取被选中的值:$(':radio[name="sex"]:checked').val();

  JQ设置为选中:$(':radio[name="sex"]').eq(0).prop("checked",true); //JQ1.6+ 的版本中改为prop

  反选:$(':radio[name="sex"]').eq(0).attr("checked",false);或$(':radio[name="sex"]').eq(0).attr("checked",'');

  if($(':radio[name="sex"]').attr('checked')==undefined)//判断是否已经选中

  $(':radio[name="sex"]').attr("checked",'10');//设置value=10的单选按钮为选中项

  下拉框select:$(':select[name="sex"]').attr("value",'1');//设置value=1的项目为选中项

  扩展:

  checkbox类似;

  扩展2:

  获取一组radio被选中项的值

  varitem=$('input[@name=items][@checked]').val();

  or

  varitem=$('input[name="控件name"]').val();

  获取select被选中项的文本

  varitem=$("select[@name=items]option[@selected]").text();

  or

  varitem=$('select[name="控件name"]').val();

  select下拉框的第二个元素为当前选中值

  $('#select_id')[0].selectedIndex=1;

  radio单选组的第二个元素为当前选中值

  $('input[@name=items]').get(1).checked=true;

  $('input[name="控件name"]').eq(1).checked=true;

  获取值:

  文本框,文本区域

  $("#txt").attr("value");

  or

  $("#txt").val();

  多选框checkbox

  $("#checkbox_id").attr("value");

  $("#checkbox_id").val();

  单选组radio

  $("input[@type=radio][@checked]").val();

  $('input[name="控件name"]').val();

  下拉框select

  $('#sel').val();

  控制表单元素

  文本框,文本区域

  $("#txt").attr("value",'');//清空内容

  or

  $("#txt").val('');

  $("#txt").attr("value",'11');//填充内容

  or

  $("#txt").val('11');

  多选框checkbox

  $("#chk1").attr("checked",'');//不打勾

  $("#chk2").attr("checked",true);//打勾

  if($("#chk1").attr('checked')==undefined)//判断是否已经打勾

  单选组radio

  $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

  下拉框select

  $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

  $("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option

  $("#sel").empty();//清空下拉框

jq操作radio,设置选中、获取选中值的更多相关文章

  1. JS中Float类型加减乘除 修复 JQ 操作 radio、checkbox 、select LINQ to SQL:Where、Select/Distinct LINQ to SQL Count/Sum/Min/Max/Avg Join

    JS中Float类型加减乘除 修复   MXS&Vincene  ─╄OvЁ  &0000027─╄OvЁ  MXS&Vincene MXS&Vincene  ─╄Ov ...

  2. jq 操作radio,设置选中、获取选中值

    <label><input type="radio" name="sex" value="1">男</labe ...

  3. jquery操作radio单选按钮,实现取值,动态选中,动态删除的各种方法

    本文主要讲的是在jquery里操作表单radio单选按钮的各种方法,如获取选中的radio的值,动态选中指定的radio项等. 1.获取选中的radio单选按钮的值: var v=$(":r ...

  4. jQuery的DOM操作之设置和获取HTML、文本和值 html()text()val()

    1. html()方法: 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的html内容. <html> <head> <met ...

  5. JQ 操作 radio、checkbox 、select

    MXS&Vincene  ─╄OvЁ  &0000026─╄OvЁ  MXS&Vincene MXS&Vincene  ─╄OvЁ:今天很残酷,明天更残酷,后天很美好, ...

  6. 《jQuery判断radio、checkbox、select 是否选中和设置选中问题以及获取选中值》总结

    <form> <input type="radio" name="gender" id="man" value=" ...

  7. radio,checkbox,select,input text获取值,设置哪个默认选中

    11 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title& ...

  8. Jquery 操作 radio选中值

    1.获取radio选中值 1.1  $('input:radio:checked').val(); 1.2  $("input[type='radio']:checked").va ...

  9. Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

随机推荐

  1. C# dev GridControl绑定数据不能显示

    如题, dev GridControl绑定数据不能显示时可检查数据操作顺序 view = advBandedGridView1 as AdvBandedGridView; //第1 this.advB ...

  2. PowerDesigner设置线风格(直线,折线。。。)

    PowerDesigner中的绘图功能真是不敢恭维. 1.修改显示设置 Tools-->Display Preferences 这里有很多表现设置,我们需要的在Format菜单下. 点Modif ...

  3. kindeditor集成ckplayer(带右键编辑菜单)

    相信好多朋友为开源web编辑器没有集成视频播放器而烦恼,于是我就是试着修改了一下kindeditor,其实ueditor应该也是同样的,好了不多说了直接上图吧 kindeditor版本: 4.1.7  ...

  4. 解决IE6中PNG图出现灰色背景问题

    第 1 种方法:定义一个样式,给某个div应用这个样式后,div的透明png背景图片自动透明了.(注意两处图片的路径写法不一样,本例中,icon_home.png图片与html文件在相同目录) < ...

  5. tls session resumption

    http://stackoverflow.com/questions/12318325/resume-tls-connection-in-java As long as you use the sam ...

  6. 一元线性回归分析及java实现

    http://blog.csdn.net/hwwn2009/article/details/38414911 一元线性回归分析及java实现 2014-08-07 11:02 1072人阅读 评论(0 ...

  7. SVN第二篇-----命令集合

    16.switch  代码库URL变更 svn switch (sw): 更新工作副本至不同的URL. 用法:  1.switch URL [PATH]         更新你的工作副本,映射到一个新 ...

  8. Extjs6中的新特性

    Ext JS在Sencha框架中引入了许多新的和令人兴奋的改进.这些变化为基于所有现代浏览器.设备和屏幕尺寸带来了新的功能和可用性. 工具包(ToolKits) Ext JS 6最大的变化就是将Ext ...

  9. leetcode--011 copy list with random pointer

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3UAAABjCAIAAACzC75sAAAMTElEQVR4nO3cyYHivBYG0D8n0nIojo ...

  10. php json_decode返回失败的排查

    参考网址: https://segmentfault.com/a/1190000006154011 返回失败时,通过 json_last_error可以获取其json解析失败的原因.