利用jquery操作Radio方法小结
在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴。
1、改变radio的选择,触发一些效果
$("input:radio[name='dialCheckResult']").change(function (){ //拨通
alert(“123”);
});
2、让页面中所有的radio可用。
$("input:radio").attr("disabled",false);
3、让页面中所有的radio不可用。
$("input:radio").attr("disabled","disabled");
4、让某个radio置于选中状态。
$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);
5、让页面中“未选中”状态的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
6、遍历选中状态的radio,除了某一个radio之外,其他的“选中”状态的radio设定是“未选中”状态。
$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
}
});
7、让所有“未选中”状态的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
8、获得某个选中的特定NAME的radio的值。
var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;
9、让所有“选中”状态的radio置于“未选中”状态。
$('input:radio:checked').attr('checked',false);
10、让页面中的radio都置于“选中”状态或“未选中”状态。
$("input:radio").attr("checked",true);
$("input:radio").attr("checked",false);
相关推荐
-
JQUERY对单选框(radio)操作的小例子
复制代码 代码如下: <asp:RadioButtonList runat="server" ID="rblShow" class="show" RepeatDirection="Horizontal"> <asp:ListItem Text="是" value="1" /> <asp:ListItem Text="否" value=&q
-
jquery单选框radio绑定click事件实现方法
本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="
-
jquery 多个radio的click事件实例
如下所示: <div id="ImgRadio" style="float: left; width: 300px;"> <input type="radio" value="80*80" id="size1" name="size" checked="checked" />80*80 <input type="radio&qu
-
利用jquery操作Radio方法小结
在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 复制代码 代码如下: $("input:radio[name='dialCheckResult']").change(function (){ //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio").a
-
Jquery操作Ajax方法小结
ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax() 可以不带任何参数直接使用. 注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置. 语法 jQuery.ajax([settings]) 参数
-
利用JQuery操作iframe父页面、子页面的元素和方法汇总
前言 iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现.下面话不多说了,来一起看看详细的介绍吧. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe
-
超级简单的jquery操作表格方法
本文实例讲述了超级简单的jquery操作表格方法.分享给大家供大家参考.具体实现方法如下: 利用jquery给指定的table添加一行.删除一行 复制代码 代码如下: <script language="javascript" src="./jquery.js"></script> <table border="1px #ooo" id="test" name="test" c
-
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
-
MySQL数据库设计之利用Python操作Schema方法详解
弓在箭要射出之前,低声对箭说道,"你的自由是我的".Schema如箭,弓似Python,选择Python,是Schema最大的自由.而自由应是一个能使自己变得更好的机会. Schema是什么? 不管我们做什么应用,只要和用户输入打交道,就有一个原则--永远不要相信用户的输入数据.意味着我们要对用户输入进行严格的验证,web开发时一般输入数据都以JSON形式发送到后端API,API要对输入数据做验证.一般我都是加很多判断,各种if,导致代码很丑陋,能不能有一种方式比较优雅的验证用户数据呢
-
Android中实现延时执行操作的方法小结
在Android开发中我们可能会有延时执行某个操作的需求,例如我们启动应用的时候,一开始呈现的是一个引导页面,过了两三秒后,会自动跳转到主界面.这就是一个延时操作. 下面是实现延时执行操作的几种方法: 1.使用线程的休眠实现延时操作 new Thread() { @Override public void run() { super.run(); Thread.sleep(3000);//休眠3秒 /** * 要执行的操作 */ } }.start(); 2.使用TimerTask实现延时操作
-
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
本文实例讲述了Python实现MySQL操作的方法.分享给大家供大家参考,具体如下: 1. 安装MySQLdb.从网站下载Mysql for python 的package 注意有32位和64位之分. 2. 安装完成之后从Python IDLE 导入MySQLdb >>>import MySQLdb 3. 新建一个数据库连接: >>>conn =MySQLdb.connect(host = '127.0.0.1',user= 'root',passwd='123456'
-
jQuery操作cookie方法实例教程
本文实例讲述了jQuery操作cookie的方法.分享给大家供大家参考.具体方法如下: 先来看看jq.cookie的aip 写入cookie 复制代码 代码如下: $.cookie("this-cookie","this-value",{ expires:10,//有效日期 path:"/",//cookie的路 径 domanin: //cookie的域名 secure:true //true,cookie
-
jquery操作select方法汇总
本文实例汇总了jquery操作select的方法.分享给大家供大家参考.具体如下: jQuery获取Select选择的Text和Value: 语法解释: 复制代码 代码如下: $("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text();
随机推荐
- Python爬取国外天气预报网站的方法
- 微信小程序使用Socket的实例
- Unity3D中脚本的执行顺序和编译顺序
- GO语言运行环境下载、安装、配置图文教程
- 用asp实现网页邮箱访问的方法
- PHP无法访问远程mysql的问题分析及解决
- VBS备忘录启动代码
- win2008 r2 安装sqlserver 2000问题的解决方法
- mysql 数据库基础笔记
- Mysql中实现提取字符串中的数字的自定义函数分享
- linux C 打印错误信息和标准输入输出详细介绍
- jQuery动画效果相关方法实例分析
- Javascript对象字面量的理解
- JavaScript实现列出数组中最长的连续数
- Python 基础之字符串string详解及实例
- C语言中函数参数的入栈顺序详解及实例
- Python搭建APNS苹果推送通知推送服务的相关模块使用指南
- 在线实时开通FTP&WEB
- Android开发高级组件之自动完成文本框(AutoCompleteTextView)用法示例【附源码下载】
- opencv实现图片与视频中人脸检测功能