`

jquery radio checkbox 取得选中值

阅读更多
一、jquery取得radio、checkbox的选中值
几种取值方式:
<!-- 通过jquery的选择器指定name和checked进行取值 -->
$('input[name="testRadio"]:checked').val();
$('input:radio:checked').val();
$('input[@name="testRadio"][checked]');
$('input[name="testRadio"]').filter(':checked');
$('input[name="testRadio"]').each(function(){
    alert(this.value);
});
$('input[name="testradio"]:eq(1)').val();


二、事例
<HTML>
<HEAD>
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.8.2.js"></script>
</HEAD>
<body>
	<form name="testForm">
		<input type="radio" name="testRadio" value="jquery_radio1" />jquery_radio1
		<input type="radio" name="testRadio" value="jquery_radio2" checked="checked" />jquery_radio2
		<input type="radio" name="testRadio" value="jquery_radio2" />jquery_radio3
		<br />
		<input type="checkbox" name="testCheckbox" value="sssss" />jquery_checkbox1
		<input type="checkbox" name="testCheckbox" value="dddd" />jquery_checkbox2
		<br />
		<input type="button" value="jquery" onclick="test()"><br />
		
		
		<!-- input 的属性autocomplete 默认为on 其含义代表是否让浏览器自动记录之前输入的值 很多时候,需要对客户的资料进行保密 -->
		<input name="test1" type="text" value="123" autocomplete="off">
	</form>
	<script>
		function test(sss) {
			//alert(sss);
			alert($('input[name="testRadio"]').filter(':checked').val());
			alert($('input[name="testCheckbox"]:checked').val());
		}
		$(document).ready(function() {//ready begin
			//$('input[name="testradio"]:checked').val();
		});
	</script>
</body>
</HTML>


三、找不到function
找不到function不一定就是没有这个方法,也有可能是冲突引起的。
解决:form表单控件的ID或name,最好不和function名称有重复的,反之亦然。
分享到:
评论

相关推荐

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

    主要介绍了Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码) 需要的朋友可以过来参考下,希望对大家有所帮助

    Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

    另:判断radio是否选中并取得选中的值    如下所示: 代码如下: function checkradio(){ var item = $(“:radio:checked”); var len=item.length; if(len&gt;0){  alert&#40;“yes–选中的值为:”+$(“:radio...

    jQuery设置和获取select、checkbox、radio的选中值方法

    select、checkbox、radio是很常用的表单控件,这篇文章主要介绍了jQuery设置和获取select、checkbox、radio的选中值方法,有兴趣的可以了解一下。

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    jQuery根据ID获取input、checkbox、radio、select的示例

    获取input、checkbox、radio、select的方法有很多,下面本例为大家介绍下根据ID来获取

    jquery获取元素值的方法(常见的表单元素)

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    $(“input[name=’radio_name’][checked]”).val(); //选择被选中Radio的Value值$(“#text_id”).... //使文本框的Vlaue值成选中状态$(“input[name=’radio_name’][value=’要选中Radio的Value值'”).attr(“checke

    JQuery触发radio或checkbox的change事件

    早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层。 初始代码如下: 代码如下: $(function(){ $(“#ischange”).change(function() { alert&#40;“checked”&#41;; }); }); 捣腾了半天...

    jquery checkbox,radio是否选中的判断代码

    1:判断radio 代码如下: var selected = $(‘input[name=selectid:checked]’).val();//若未被选中 则val() = null if(selected == null){ alert&#40;“未选中!”&#41;; }else{ alert&#40;“选中!”&#41;; } 2:...

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    jQuery选择器让你长点见识

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var...

    使用jQuery获取radio/checkbox组的值的代码收集

    代码如下: &lt;!– $(“document”).ready(function(){ $(“#btn1”).click(function(){ $(“[name=’checkbox’]”).attr(“checked”,’true’);//全选 }) $(“#btn2”).click(function(){ $(“...//选中所有奇数 })

    jQuery实现自定义checkbox和radio样式

    大家都知道在写结构的时候,radio或checkbox都会跟随label一起使用,label的for属性值和input的id值相同的情况下,点击label就可以选中input,这里正是利用label 来覆盖我们的input默认样式,通过给label添加背景...

    jquery的checkbox,radio,select等方法小结

    1、checkbox日常jquery操作。 现在我们以下面的html为例进行checkbox的操作。 &lt;input id=checkAll type=checkbox /&gt;全选 &lt;input name=subBox type=checkbox /&gt;项1 &lt;input name=subBox type=...

Global site tag (gtag.js) - Google Analytics