<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. 3D动画效果照片墙demo

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

  2. Scratch2.0例—接苹果

    Scratch2.0例—接苹果 [教学目标] 1. 学习例子,能用和构造条件 ,并把此条件插入到 中:能理解和应用,当条件成立时,不执行积木内的脚本. 2. 对比和 两个积木:前者用于无条件的重复执行 ...

  3. css3选择器总结--强大如jquery

    最近发现,阿里的笔试考了许多css3的知识,像query media.box-flex等等.主要是移动浏览器的开发,让html5和css3如虎添翼,再也不用担心兼容了.so总结一下css3的选择器: ...

  4. windows服务器下IIS7 安装URL Rewrite(URL重写)模块

    URL Rewrite Module是一个基于规则的URL重写引擎,用于在URL被Web服务器处理之前改变请求的URL.对于动态Web应用程序,它可以为用户和seo/seo.html" ta ...

  5. Ibatis collect select用法详解

    问题:之前接触过Ibatis的使用,在做一对多的时候,一般都是手动去填充,非自动让ibatis去填充数据. 下面就用ibatis的自动填充功能来实现. 关键使用到collection 标签下的sele ...

  6. CentOS x 64 MooseFS 学习

    一.MFS 简介.... MooseFS(Moose File System,mfs)是一种分布式文件系统,它将数据分布在网络中的 不同服务器上,支持FUSE,客户端可以作为一个 普通的Unix 文件 ...

  7. jquery.mustache.js使用

    作者:zccst jquery.mustache是用jQuery做了一层封装,提供了以下几个方法,让模板使用更便捷. 1,添加模板,使用异步的方式 var viewData = { name: 'Jo ...

  8. #Pragma Pack(n)与内存分配

    #pragma pack(n) 解释一: 每个特定平台上的编译器都有自己的默认"对齐系数"(也叫对齐模数).程序员可以通过预编译命令#pragma pack(n),n=1,2,4, ...

  9. UVa11555 - Aspen Avenue

    今晚CF GYM A题,神坑.. 原题: Aspen Avenue ``Phew, that was the last one!'' exclaimed the garden helper Tim a ...

  10. php smarty

     摘自:http://linux.chinaitlab.com/PHP/38324.html 刚开始接触模版引擎的 PHP 设计师,听到 Smarty 时,都会觉得很难.其实笔者也不例外,碰都不敢碰一 ...