`

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 radio checkbox 美化

    综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...

    JQuery操作checkbox、radio等示例

    6. **获取选中的值**:对于radio,可以使用`.filter(":checked")`选择当前选中的元素,然后通过`.val()`获取其值。例如,`$("input[type=radio]:checked").val()`会返回当前选中的radio的值。 7. **设置默认值**:...

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

    一、改变radio/checkbox选中状态 在HTML中,`&lt;input type="radio"&gt;` 和 `&lt;input type="checkbox"&gt;` 分别用于创建单选按钮和复选框。在jQuery中,我们可以通过`.attr()`方法来改变它们的`checked`属性,从而改变其...

    jquery获取input表单值的代码

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

    jquery操作Radio、Checkbox、Select Demo

    在jQuery中,我们可以使用`.prop()`或`.attr()`方法来改变其选中状态,使用`.val()`获取选中的Radio的值。 1. **设置Radio选中状态**: ```javascript $('input[type="radio"]').prop('checked', true); // 选中...

    JQuery 自定义 radio与checkbox

    本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...

    jquery获取各种radio,checkbox,select的值等

    - 文本框和文本区域:`$("#txt").attr("value")`用于获取值,`$("#txt").attr("value", '')`或`$("#txt").attr("value", '11')`用于设置值。 - 多选框checkbox:`$("#chk1").attr("checked", '')`取消选中,`$("#...

    jQuery美化radio和checkbox

    1. 自定义CSS:jQuery本身并不直接改变元素的外观,但可以通过选择器选中radio和checkbox,然后应用CSS来改变它们的样式。例如,你可以隐藏原生的input元素,然后创建自定义的UI元素,如使用`&lt;label&gt;`配合`:before`...

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

    本文将详细介绍如何使用jQuery设置和获取这些表单控件的选中值。 首先,我们来看下如何设置单选下拉框(select)的选中值。单选下拉框通常用于从多个选项中选择一个。若要在不具有value属性的option中设置选中项,...

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

    通过这些方法,我们可以根据ID获取页面上的表单元素,并进行进一步的操作,如获取值、设置值、遍历值等。这对于开发动态的Web应用程序是十分必要的,例如,在处理用户提交的数据时,需要根据不同的表单元素来获取...

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

    在JavaScript的库jQuery中,处理HTML表单元素如radio、select和checkbox的选中状态以及获取它们的选中值是常见的需求。以下是一些简洁直接的方法总结,供开发者参考。 对于`radio`单选按钮,要获取选中值,可以使用...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    jQuery分别获取选中的复选框值

    本文将深入探讨如何使用jQuery来获取选中的复选框(checkbox)的值,同时也涵盖jQuery对其他HTML元素如下拉框(select)、单选按钮(radio)的处理方法。 首先,让我们关注标题提及的主题——"jQuery分别获取选中的...

    jquery获取表单值

    // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取`value`属性的值。通常情况下,两者的效果是相同的,但在某些场景下,`.val()` 更加直观和...

    Jquery获取Select标签的值

    #### 四、获取 Radio 和 CheckBox 的 Value 值 对于 Radio 和 CheckBox 这类表单元素,获取其值通常涉及到一些额外的步骤。 ##### 1. 获取 Radio 的 Value 值 ```javascript $("input[name='radio_name']:checked")...

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

    ### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。

    jquery.checkbox 单选框多选框美化插件.zip

    在网页开发中,单选框(radio)和多选框(checkbox)是常见的用户交互元素,用于收集用户的选择信息。然而,原生的HTML控件样式往往单调,无法满足现代网页设计的美观需求。jQuery作为一款强大的JavaScript库,提供...

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

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

Global site tag (gtag.js) - Google Analytics