获取或设置checkbox radio select的值
单选:
获取值:$("input[name='rdo']:checked").val();
设置值:$("input[name='rdo'][value='3']").prop("checked", true)
$("input[name='rdo']:eq(2)").prop("checked", true)
$("input[name='rdo']").eq(2).prop("checked", true)
$("input[name='rdo']").get(2).checked = true
多选:
获取值:
function getCheckedValues() {
var arr = new Array();
$("input[name='chk']:checked").each(function() {
arr.push($(this).val());
});
return arr.join(",");
}
设置值:
$("input[name='chk']").val(["2", "3"])
$("input[name='chk']").val("2,3".split(","))
select单选:
获取值:$("#drp").val() 说明:.val()处理select元素, 当没有选择项被选中,它返回null
设置值:$("#drp").val(3)
select多选:
获取值: $("#selectDuo").val()
设置值:同上面的多选框
<html>
<head>
<title></title>
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<style type="text/css">
div {
padding: 10px;
}
hr{border-bottom: solid 1px #ccc;line-height:10px;width:100%}
</style>
<script> //单选 begin******************************************************************
//获取单选值
function getRadioValue() {
var val = $("#dan input[name='rdo']:checked").val();
$("#info").html(val);
} //根据值或索引选中
function setRadioValue() { //1.根据值选中radio
$("#dan input[name='rdo'][value='3']").prop("checked", true); //2.根据索引选中radio
//$("#dan input[name='rdo']:eq(2)").prop("checked", true); //3.根据索引选中radio
//$("#dan input[name='rdo']").eq(2).prop("checked", true); //4.根据索引选中radio
//$("#dan input[name='rdo']").get(2).checked = true;
}
//单选 end****************************************************************** //多选 begin******************************************************************
//获取多选值,多个以逗号分隔
function getCheckboxValue() {
var arr = new Array();
$("#duo input[name='chk']:checked").each(function () {
arr.push($(this).val());
});
$("#info").html(arr.join(","));
}
//设置多选
function setCheckboxValue() {
//1.根据数组值选中
//$("#duo input[name='chk']").val(["2", "3"]); //2.根据字符串值选中
var vals = "2,3"
$("#duo input[name='chk']").val(vals.split(","));
}
//多选 end****************************************************************** //下拉***********************************************************************
function getSelectValue() {
var val = $("#drp").val();
$("#info").html(val); //var val = $("#drp :checked").val();
}
//设置多选
function setSelectValue() {
var val = $("#drp").val("3");
} //select多选 begin**************************************************************
function getSelectDuoValue() {
var val = $("#selectDuo").val();
$("#info").text(val);
}
//设置多选
function setSelectDuoValue() {
var val = $("#selectDuo").val(["2","3"]);
}
//select多选 end************************************************************** </script>
</head>
<body>
<div style="color:#f00">结果:<span id="info" style="height:30px"></span></div>
<div id="dan">
<input type="radio" name="rdo" id="radio1" value="1" />1
<input type="radio" name="rdo" id="radio2" value="2" />2
<input type="radio" name="rdo" id="radio3" value="3" />3
<input type="radio" name="rdo" id="radio4" value="4" />4
</div>
<div>
<input type="button" value="获取当前值" onclick="getRadioValue()" />
<input type="button" value="设置值为3的选中" onclick="setRadioValue()" />
</div>
<hr />
<div id="duo">
<input type="checkbox" name="chk" id="checkbox1" value="1" />1
<input type="checkbox" name="chk" id="checkbox2" value="2" />2
<input type="checkbox" name="chk" id="checkbox3" value="3" />3
<input type="checkbox" name="chk" id="checkbox4" value="4" />4
</div>
<div>
<input type="button" value="获取当前值" onclick="getCheckboxValue()" />
<input type="button" value="设置值为2,3的选中" onclick="setCheckboxValue()" />
</div>
<hr />
<div>
<select id="drp">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div>
<input type="button" value="获取当前值" onclick="getSelectValue()" />
<input type="button" value="设置值为3的选中" onclick="setSelectValue()" />
</div>
<hr />
<div>
<select id="selectDuo" multiple="multiple">
<option value="1">111111</option>
<option value="2">222222</option>
<option value="3">333333</option>
<option value="4">444444</option>
</select>
</div>
<div>
<input type="button" value="获取当前值" onclick="getSelectDuoValue()" />
<input type="button" value="设置值为2,3的选中" onclick="setSelectDuoValue()" />
</div>
</body>
</html>
获取或设置checkbox radio select的值的更多相关文章
- jquery 获取和设置 checkbox radio 和 select option的值?
============== 获取和设置 checkbox radio 和 select的值? === val()函数, 其名字就表达了 它的意思: 他就是= value 的简写! val就是valu ...
- struts2学习笔记之表单标签的详解:s:checkbox/radio/select/optiontransferselect/doubleselect/combobox
struts2中的表单标签都是以s标签的方式定义的,同时,struts2为所有标签都提供了一个模板,C:\Users\180172\Desktop\struts2-core-2.2.1.1.jar\t ...
- checkbox radio select绑定
index11.html <html><head> <title>checkbox radio select绑定</title> <script ...
- .NET Core程序中,如何获取和设置操作系统环境变量的值
有时候我们在.NET Core程序中需要获取和设置操作系统环境变量的值.本文演示如何使用Environment.GetEnvironmentVariable和Environment.SetEnviro ...
- java 中利用反射机制获取和设置实体类的属性值
摘要: 在java编程中,我们经常不知道传入自己方法中的实体类中到底有哪些方法,或者,我们需要根据用户传入的不同的属性来给对象设置不同的属性值,那么,java自带的反射机制可以很方便的达到这种目的,同 ...
- java反射获取和设置实体类的属性值 递归所有父类
最近做一个通用数据操作接口,需要动态获取和设置实体类的属性值,为了通用实体做了多重继承,开始网上找到代码都不支持父类操作,只能自己搞一个工具类了,此工具类可以设置和获取所有父类属性,代码贴下面拿走不谢 ...
- Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关
常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...
- 七、React表单详解 约束性和非约束性组件 input text checkbox radio select textarea 以及获取表单的内容
一.约束性和非约束性组件: 非约束性组: MV: <input type="text" defaultValue="a" /> 这个 default ...
- Jquery 获取 radio/select选中值
Radio <input type="radio" name="rd" id="rd1" checked="checked& ...
随机推荐
- Java实现在访问者模式中使用反射
集合类型在面向对象编程中很常用,这也带来一些代码相关的问题.比如,“怎么操作集合中不同类型的对象?” 一种做法就是遍历集合中的每个元素,然后根据它的类型而做具体的操作.这会很复杂,尤其当你不知道集合中 ...
- 字符串匹配算法——KMP算法学习
KMP算法是用来解决字符串的匹配问题的,即在字符串S中寻找字符串P.形式定义:假设存在长度为n的字符数组S[0...n-1],长度为m的字符数组P[0...m-1],是否存在i,使得SiSi+1... ...
- Java之ByteArrayInputStream和ByteArrayOutputStream-操作字节数组的类
ByteArrayInputStream和ByteArrayOutputStream 源:内存中的字节数组 目的:内存中的字节数组 这两个流对象不涉及底层资源的调用,操作的都是内存中的数组,所以不需要 ...
- 射频识别技术漫谈(3)——能量、调制【worldsing 笔记】
无源和免接触是非接触式IC卡相对于接触式IC卡的两大特点.无源是指卡片上没有电源,免接触是指对卡片的读写操作不必和读写器接触.非接触式智能卡也是IC卡,而卡上的IC即集成电路工作时肯定是需要电源的,卡 ...
- TCP建立连接的3次握手和关闭连接的4次挥手
#.3次握手过程状态 第一次握手:建立连接时,客户端发送SYN包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认: 第二次握手:服务器收到SYN包,必须确认客户的SYN(ack=j+ ...
- 剑指OFFER之数组中出现次数超过一半的数字(九度OJ1370)
题目描述: 数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字.例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}.由于数字2在数组中出现了5次,超过数组长度的一半,因此输出2 ...
- Windows 环境下基于 Redis 的 Celery 任务调度模块的实现
搭建环境: Windows-x64 10 Celery 3.1.23 Celery-with-redis 3.0 Redis-win32-win64 2.4.5 实现步骤: 1.安装 Redis ...
- iOS开发笔记系列-基础4(变量与数据类型)
对象的初始化 对象的初始化方法一般都如下: -(id)init { self=[super init]; if(self){ ... } return self; } 这个方法首先会调用父类的初始化方 ...
- spring关于“transactionAttributes”的相关配置
spring关于"transactionAttributes"的相关配置 <bean id="baseTransactionProxy" class=&q ...
- joa-framework 工作流高速开发框架(jeecg官方工作流版本号) 公布
-------------------------------------- version: joa-framework1.0.0.beta 版本号: JOA 工作流高速开发框架 Date: ...