<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. mac版MyEclipse的安装及创建web项目

    这两天快被MyEclipse整死了,因为电脑是mac系统的,安装MyEclipse mac破解版时一直是不成功,弄了一天多才行,接着创建web项目HttpServlet在Tomcat发布时总是出现40 ...

  2. Linux服务器自动备份压缩MySQL数据库的实用方法

    <?php$server = 'localhost'; $link = mysql_connect($server, 'root', 'haven'); $result = mysql_quer ...

  3. 行内元素为何不能设置margin-top、margin-bottom;padding-top、padding-bottom值

    曾经学过的教程中写明:行内元素的特点有: 1.与其他元素在同一行 2.宽度(width).高度(height).内边距的top/bottom(padding-top/padding-bottom)和外 ...

  4. HDU 5438 拓扑排序+DFS

    Ponds Time Limit: 1500/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others)Total Sub ...

  5. 前端UI

    一个非常好的前端UI,值得研究下 http://semantic-ui.com/

  6. appium通过WiFi连接真机进行测试

    http://www.th7.cn/Program/Android/201507/514602.shtml appium通过WiFi连接真机进行测试   2015-07-24 19:43:07CSDN ...

  7. Linux内核源代码目录树结构

    Linux内核源代码目录树结构. arch:包含和硬件体系结构相关的代码,每种平台占一个相应的目录.和32位PC相关的代码存放在i386目录下,其中比较重要的包括kernel(内核核心部分).mm(内 ...

  8. SQL复习一(基础知识)

    1.什么是sql SQL(structure query language)是结构化查询语言,它是对关系型数据库的操作语言.它可以应用到所有的数据库中,例如:MySQL.Oracle.SQL serv ...

  9. ICE第四篇-----python版本

    ice文件: module Modipplace {     interface  Ipplace{          string iptoplace(string s);      };   }; ...

  10. Extjs5.0中的新特性

    We are excited that Ext JS 5 is now available! Ext JS 5 introduces many new and exciting improvement ...