一、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的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...
6. **获取选中的值**:对于radio,可以使用`.filter(":checked")`选择当前选中的元素,然后通过`.val()`获取其值。例如,`$("input[type=radio]:checked").val()`会返回当前选中的radio的值。 7. **设置默认值**:...
一、改变radio/checkbox选中状态 在HTML中,`<input type="radio">` 和 `<input type="checkbox">` 分别用于创建单选按钮和复选框。在jQuery中,我们可以通过`.attr()`方法来改变它们的`checked`属性,从而改变其...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
在jQuery中,我们可以使用`.prop()`或`.attr()`方法来改变其选中状态,使用`.val()`获取选中的Radio的值。 1. **设置Radio选中状态**: ```javascript $('input[type="radio"]').prop('checked', true); // 选中...
本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...
- 文本框和文本区域:`$("#txt").attr("value")`用于获取值,`$("#txt").attr("value", '')`或`$("#txt").attr("value", '11')`用于设置值。 - 多选框checkbox:`$("#chk1").attr("checked", '')`取消选中,`$("#...
1. 自定义CSS:jQuery本身并不直接改变元素的外观,但可以通过选择器选中radio和checkbox,然后应用CSS来改变它们的样式。例如,你可以隐藏原生的input元素,然后创建自定义的UI元素,如使用`<label>`配合`:before`...
本文将详细介绍如何使用jQuery设置和获取这些表单控件的选中值。 首先,我们来看下如何设置单选下拉框(select)的选中值。单选下拉框通常用于从多个选项中选择一个。若要在不具有value属性的option中设置选中项,...
通过这些方法,我们可以根据ID获取页面上的表单元素,并进行进一步的操作,如获取值、设置值、遍历值等。这对于开发动态的Web应用程序是十分必要的,例如,在处理用户提交的数据时,需要根据不同的表单元素来获取...
在JavaScript的库jQuery中,处理HTML表单元素如radio、select和checkbox的选中状态以及获取它们的选中值是常见的需求。以下是一些简洁直接的方法总结,供开发者参考。 对于`radio`单选按钮,要获取选中值,可以使用...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
本文将深入探讨如何使用jQuery来获取选中的复选框(checkbox)的值,同时也涵盖jQuery对其他HTML元素如下拉框(select)、单选按钮(radio)的处理方法。 首先,让我们关注标题提及的主题——"jQuery分别获取选中的...
// 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取`value`属性的值。通常情况下,两者的效果是相同的,但在某些场景下,`.val()` 更加直观和...
#### 四、获取 Radio 和 CheckBox 的 Value 值 对于 Radio 和 CheckBox 这类表单元素,获取其值通常涉及到一些额外的步骤。 ##### 1. 获取 Radio 的 Value 值 ```javascript $("input[name='radio_name']:checked")...
### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。
在网页开发中,单选框(radio)和多选框(checkbox)是常见的用户交互元素,用于收集用户的选择信息。然而,原生的HTML控件样式往往单调,无法满足现代网页设计的美观需求。jQuery作为一款强大的JavaScript库,提供...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...