<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. Codeforces #377 Div2

    打得还不错的一场CF,题目质量也很高,今后还要继续努力 A题: 题意:给定一个数k,让其乘一个最小的数,使乘得以后的数要不被10整除,要不减去r以后被10整除,求这个最小的数 #include < ...

  2. 读书笔记——Java IO

    IO流的典型使用方式 1.缓存输入文件 BufferedReader in=new BufferedReader( new FileReader(文件名字) ); String s; StringBu ...

  3. jQuery + json 实现省市区三级联动

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. iOS查错机制

    转自: http://mp.weixin.qq.com/s?__biz=MjM5OTM0MzIwMQ==&mid=404478233&idx=2&sn=ae55d4f70fce ...

  5. openstack controller ha测试环境搭建记录(二)——配置corosync和pacemaker

    corosync.conf请备份再编辑:# vi /etc/corosync/corosync.conf totem {        version: 2 token: 10000        t ...

  6. selenium 多线程

    http://www.cnblogs.com/dingmy/p/3438084.html

  7. 为HTTP分类作序

    作者:zccst 曾经,认为对HTTP已经非常熟悉了,觉得不需要学习什么,知道2014年春天,让我感觉到自己是如此的无知. 举例: 1,对HTTP头部信息知道多少?每一个字段分别都可以取哪些值,每一个 ...

  8. CI分页器pagination的原理及实现

    以下是本人原创,如若转载和使用请注明转载地址.本博客信息切勿用于商业,可以个人使用,若喜欢我的博客,请关注我,谢谢!博客地址 下面这段代码是从官网上翻译过来的,介绍了分页的用例 1 2 3 4 5 6 ...

  9. JAVA解析HTML,获取待定元素属性

    Document doc = Jsoup.parseBodyFragment(previewHtml); //html内容解析为Document int index = 0; StringBuffer ...

  10. bzoj4010: [HNOI2015]菜肴制作【拓扑排序】

    想到了一个分治方法,每一次尽量放小的那个,把它依赖的放在左边,不依赖的放在右边. TLE 80: #include <bits/stdc++.h> #define rep(i, a, b) ...