jquery操作radio,checkbox

1. 获取radio选中的value.

$(‘input:radio[name=sex]:checked‘).val();

2. 选择 radio 按钮 (Male).

$(‘input:radio[name=sex]:nth(0)‘).attr(‘checked‘,true);
或者
$(‘input:radio[name=sex]‘)[0].checked = true;

3. 选择 radio 按钮 (Female).

$(‘input:radio[name=sex]:nth(1)‘).attr(‘checked‘,true);
或者
$(‘input:radio[name=sex]‘)[1].checked = true;

4. 选择 radio 按钮 (Unknown).

$(‘input:radio[name=sex]:nth(2)‘).attr(‘checked‘,true);
或者
$(‘input:radio[name=sex]‘)[2].checked = true;

5. 重置 radio 按钮.

$(‘input:radio[name=sex]‘).attr(‘checked‘,false);

判断checkbox选中

方法一:if ($("#checkbox-id")get(0).checked) {   // do something}

方法二:if($(‘#checkbox-id‘).is(‘:checked‘)) {   // do something}

方法三:if ($(‘#checkbox-id‘).attr(‘checked‘)) {   // do something}
时间: 2024-10-12 00:46:33

jquery操作radio,checkbox的相关文章

JQuery操作select checkbox radio总结

JQuery是一个很强大的工具所以我要找到它最便捷的方法,嘻嘻 Select 增删改查: Select查: 1.val值: $("#selectid").val();       //最方便的 2.text值: $("#selectid option:selected").text();       //最方便的 或 $("#selectid").find("option:selected").text() 3.Index值:

jQuery操作radio、checkbox、select示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> jQuery操作radio.checkbox.select示例 </title> <meta name="Generator" con

jquery 操作select,checkbox,radio (整理)

在工作中经常用到select,checkbox,radio,今天有点空闲就整理一下,免得以后用的时候还要重新找. 操作select下拉框 -- 获取值或选中项: 1, $("#select_id").change(function(){//code...});  //为Select添加事件,当选择其中一项时触发 2,var checkValue=$("#select_id").val(); //获取Select选择的Value 3,var checkText=$(&

jquery 【radio checkbox】选择

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"> $(f

使用JQUERY操作Radio

发展中经常使用Radio为了实现用户的选择的影响.我在该项目中使用的一些JQUERY操作Radio该方法.这里分享,对于有需要的朋友参考的. 1.变化radio选择.引发一些结果 $("input:radio[name='dialCheckResult']").change(function (){                    //拨通 alert("123"); }); 2.让页面中全部的radio可用. $("input:radio"

jquery操作radio(单选按钮):动态选中、取值

jquery确实要比js用起来方便多了,尤其是在操作网页里的表单项方面,这章站长和大家分享用Jquery操作单选按钮radio,实现动态选中某个单选按钮和读取选中的单选按钮的值的方法, 本文来自天使建站 www.angelweb.cn 先来看一个实例及代码: <script> $(":radio[name='angelasp'][value='angel']").attr("checked","true"); </script&

jQuery操作radio、checkbox、select总结

本文转自:http://tiame.iteye.com/blog/1493261 1.radio:单选框 HTML代码: Html代码   <input type="radio" name="radio" id="radio1" value="1" />1 <input type="radio" name="radio" id="radio2" va

jQuery操作radio、checkbox、select 集合

1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" value="1" />1 <input type="radio" name="radio" id="radio2" value="2" />2 <input type="radi

利用JQUERY操作Radio

在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 $("input:radio[name='dialCheckResult']").change(function (){                    //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio&