jQuery根据ID获取input、checkbox、radio、select的示例
input:
var xxx = $('#ID').val()
---------------------------------------------------------------------------------
checkbox:
var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(this).val()); });
注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择:
======
$('#con_id input[name=MyName]:checked') 或者 $('input[name=MyName]:checked', '#con_id')
----------------------------------------------------------------------------------
radio:
var xxx = $(''input[name=MyName]:checked”).val();
======
注意:这里没有基于ID。要限制指定的ID,参看上面checkbox的情况
----------------------------------------------------------------------------------
select:
var xxx = $("#ID option:selected").val();
======
注意两点:
1.select选中的属性是“seleted”,而不是“checked”。
2.select默认是“单选的”,如果是多选(multiple),我没有试过。想必用.each()可以处理。
相关推荐
-
jquery text,radio,checkbox,select操作实现代码
控制表单元素: 文本框,文本区域: $("#txt").attr("value")或者$("#txt").val()//获取值 $("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#checkbox_id").attr("
-
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
在下面浏览器下测试通过:Firefox, IE7, IE8, Google浏览器. (IE6还是算了吧),其它浏览器还没试过. 目前刚添加了4个皮肤,添加新皮肤非常方便,您可以参考已添加的皮肤图片和css代码,相信您会很快搞定. 效果截图: 一.在没有使用LazyForm的情况下,在XP下运行截图如下 二.使用LazyForm(皮肤Blue)效果如下三.使用LazyForm(皮肤Black)效果如下四.皮肤Default五.皮肤Graydemo.html代码如下: 复制代码 代码如下: <!DO
-
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#selec
-
JQuery扩展插件Validate—6 radio、checkbox、select的验证
效果如下所示: 解决这个问题的办法是将错误信息指定到一个特定的位置,validate()方法的参数中可以进行自定义,示例代码如下: 复制代码 代码如下: <script type="text/javascript"> jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法, //验证
-
jquery的checkbox,radio,select等方法小结
1.checkbox日常jquery操作. 现在我们以下面的html为例进行checkbox的操作. <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2
-
Jquery操作radio,checkbox,select表单操作实现代码
一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#s
-
jQuery根据ID获取input、checkbox、radio、select的示例
input: var xxx = $('#ID').val() --------------------------------------------------------------------------------- checkbox: var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(thi
-
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
1.jquery 获取单选组radio$("input[name='name']:checked").val(); 2.jquery获取radiobutton的下一个值$("input[name='name']:checked").next().text()$("input[name='name']:checked").val() 3.jquery 获取input的值$('#id').val() 4.jquery判断多选框checkbox$(&q
-
jquery attr方法获取input的checked属性问题
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase 复制代码 代码如下: <input type="checkbox" id="selectAll" onclick="checkAll()">全选 functi
-
Jquery判断$("#id")获取的对象是否存在的方法
一.判断对象对象是否存在 如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的 复制代码 代码如下: if($("#id")){ }else{} 因为 $("#id") 不管对象是否存在都会返回 object . 正确使用判断对象是否存在应该用: 复制代码 代码如下: if($("#id").length>0){}else{} 使用 jQuery 对象的属性 length 来判断,如果 > 0 就存在. 或者 复制代码 代
-
jQuery设置和获取HTML、文本和值示例
<script type="text/javascript"> //<![CDATA[ $(function(){ //获取<p>元素的HTML代码 $("input:eq(0)").click(function(){ alert( $("p").html() ); }); //获取<p>元素的文本 $("input:eq(1)").click(function(){ alert( $
-
JQuery对id中含有特殊字符的转义处理示例
有时在处理html时, 为了和php结合的方便, 会利用数组a[]这里的id,或者id中包含其他特殊字符比如 /@ 等 为了利用jquery获取该元素, 需要转义特殊字符 直接上例子 复制代码 代码如下: <div id="a[]">kkkkkk</div> <script type="text/javascript"> //方法1 $(document.getElementById('a[]')); //方法2 $('#a\\[
-
jQuery封装的获取Url中的Get参数示例
js的纯前台处理时会遇到将一个网页的参数,通过get方式,传递给下一个页面的问题. 此时可以使用js的方式得到当前页面的url中的get参数. 核心语句是: window.location.href 详细代码不解释了,有注释,你看了就懂.封装成jQuery扩展包. 复制代码 代码如下: (function($){ $.extend({ /** * url get parameters * @public * @return array() */ urlGet:function() { var a
-
jQuery获取选中单选按钮radio的值
实例1: <div id="wrap"> <input type="radio" name="payMethod" value="1" />男 <input type="radio" name="payMethod" value="2" />女 </div> 获取一组单选按钮对象:var obj_payPlatform
随机推荐
- Lua的协程(coroutine)简介
- sqlsever为标识列指定显式值
- IOS观察者设计模式
- Java用户登录验证代码
- asp.net中TextBox只能输入数字的最简洁的两种方法
- asp.net Repeater 数据绑定代码
- asp.net button 绑定多个参数
- Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解
- 在Linux系统上通过uWSGI配置Nginx+Python环境的教程
- js实现的点击数量加一可操作数据库
- python实现将汉字转换成汉语拼音的库
- Python中super的用法实例
- Shell脚本实现监控rsync数据是否传输完
- JQuery操作tr和td内容的方法实例
- Oracle过程与函数的区别分析
- 浅析Java中线程的创建和启动
- c++ 完备的运行时类型信息(动态类型信息)
- jQuery oLoader实现的加载图片和页面效果
- jquery Mobile入门—外部链接切换示例代码
- 相册展示PhotoSwipe.js插件实现