jq操作radio,设置选中、获取选中值
<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,设置选中、获取选中值的更多相关文章
- 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 ...
- jq 操作radio,设置选中、获取选中值
<label><input type="radio" name="sex" value="1">男</labe ...
- jquery操作radio单选按钮,实现取值,动态选中,动态删除的各种方法
本文主要讲的是在jquery里操作表单radio单选按钮的各种方法,如获取选中的radio的值,动态选中指定的radio项等. 1.获取选中的radio单选按钮的值: var v=$(":r ...
- jQuery的DOM操作之设置和获取HTML、文本和值 html()text()val()
1. html()方法: 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的html内容. <html> <head> <met ...
- JQ 操作 radio、checkbox 、select
MXS&Vincene ─╄OvЁ &0000026─╄OvЁ MXS&Vincene MXS&Vincene ─╄OvЁ:今天很残酷,明天更残酷,后天很美好, ...
- 《jQuery判断radio、checkbox、select 是否选中和设置选中问题以及获取选中值》总结
<form> <input type="radio" name="gender" id="man" value=" ...
- radio,checkbox,select,input text获取值,设置哪个默认选中
11 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title& ...
- Jquery 操作 radio选中值
1.获取radio选中值 1.1 $('input:radio:checked').val(); 1.2 $("input[type='radio']:checked").va ...
- Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关
常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...
随机推荐
- 3D动画效果照片墙demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF- ...
- Scratch2.0例—接苹果
Scratch2.0例—接苹果 [教学目标] 1. 学习例子,能用和构造条件 ,并把此条件插入到 中:能理解和应用,当条件成立时,不执行积木内的脚本. 2. 对比和 两个积木:前者用于无条件的重复执行 ...
- css3选择器总结--强大如jquery
最近发现,阿里的笔试考了许多css3的知识,像query media.box-flex等等.主要是移动浏览器的开发,让html5和css3如虎添翼,再也不用担心兼容了.so总结一下css3的选择器: ...
- windows服务器下IIS7 安装URL Rewrite(URL重写)模块
URL Rewrite Module是一个基于规则的URL重写引擎,用于在URL被Web服务器处理之前改变请求的URL.对于动态Web应用程序,它可以为用户和seo/seo.html" ta ...
- Ibatis collect select用法详解
问题:之前接触过Ibatis的使用,在做一对多的时候,一般都是手动去填充,非自动让ibatis去填充数据. 下面就用ibatis的自动填充功能来实现. 关键使用到collection 标签下的sele ...
- CentOS x 64 MooseFS 学习
一.MFS 简介.... MooseFS(Moose File System,mfs)是一种分布式文件系统,它将数据分布在网络中的 不同服务器上,支持FUSE,客户端可以作为一个 普通的Unix 文件 ...
- jquery.mustache.js使用
作者:zccst jquery.mustache是用jQuery做了一层封装,提供了以下几个方法,让模板使用更便捷. 1,添加模板,使用异步的方式 var viewData = { name: 'Jo ...
- #Pragma Pack(n)与内存分配
#pragma pack(n) 解释一: 每个特定平台上的编译器都有自己的默认"对齐系数"(也叫对齐模数).程序员可以通过预编译命令#pragma pack(n),n=1,2,4, ...
- UVa11555 - Aspen Avenue
今晚CF GYM A题,神坑.. 原题: Aspen Avenue ``Phew, that was the last one!'' exclaimed the garden helper Tim a ...
- php smarty
摘自:http://linux.chinaitlab.com/PHP/38324.html 刚开始接触模版引擎的 PHP 设计师,听到 Smarty 时,都会觉得很难.其实笔者也不例外,碰都不敢碰一 ...