当前位置:  编程技术>jquery

jquery取消与选中单选框radio的三种方式

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: jquery控制单选按钮radio的取消与选中。 例子:   代码示例: 单选按钮取消选中的三种方式-www. $(function(){ // var $browsers = $("input[name=browser]"); var $cancel = $("#cancel"); var $byhide = $("#byhide"); var $remove ...

本节内容:
jquery控制单选按钮radio的取消与选中。

例子:
 

代码示例:




单选按钮取消选中的三种方式-www.



$(function(){
//
var $browsers = $("input[name=browser]");
var $cancel = $("#cancel");
var $byhide = $("#byhide");
var $remove = $("#remove");
//
$cancel.click(function(e){
// 移除属性,两种方式都可
//$browsers.removeAttr("checked");
$browsers.attr("checked",false);
});
//
$byhide.click(function(e){
// 切换到一个隐藏域,两种方式均可
//$("#hidebrowser").attr("checked",true);
$("#hidebrowser").attr("checked","checked");
});
//
$remove.click(function(e){
// 直接去的DOM元素,移除属性
// 如果不使用jQuery,则可以移植此方式
var checkedbrowser=document.getElementsByName("browser");
/* www.
$.each(checkedbrowser, function(i,v){
v.checked = false;
v.removeAttribute("checked");
});
*/
//
var len = checkedbrowser.length;
var i = 0;
for(; i < len; i++){
// 必须先赋值为false,再移除属性
checkedbrowser[i].checked = false;
// 不移除属性也可以
//checkedbrowser[i].removeAttribute("checked");
}

});
});



您喜欢哪款浏览器?




Internet Explorer

Firefox

Netscape

Opera








    
 
 

您可能感兴趣的文章:

  • Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
  • jquery无法设置checkbox选中即没有变成选中状态
  • jQuery设置input type="radio"选中值
  • jqueryjs 选中文本框中内容的方法
  • Jquery判断Radio是否选中或选中值的实例代码
  • jquery select默认选中的设置方法
  • JQUERY 设置SELECT选中项代码
  • jquery检测input checked 控件是否被选中的方法
  • jQuery判断checkbox是否选中的小例子
  • jquery检测input checked 控件是否选中
  • jQuery判断checkbox是否被选中的三种方法
  • jquery判断复选框checkbox是否选中的简单示例
  • jQuery获取选中内容及设置元素属性的方法
  • jquery动态获取复选框checkbox选中个数
  • jQuery判断checkbox是否选中的3种方法
  • jquery如何根据值设置默认的选中项
  • jquery select 设置默认选中的示例代码
  • jquery 判断 radio checkbox 是否选中的几种方法
  • jquery 操作select取值与设置选中值
  • jquery操作select详解(取值,设置选中)
  • jquery easyui easyui-datetimebox 取消用户输入
  • jquery操作checkbox实现全选和取消全选
  • 用JQuery实现全选与取消的两种简单方法
  • jquery复选框全选/取消示例
  • jquery如何取消选择select下拉框
  • jquery取消选择select下拉框示例代码
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery全选checkBox功能实现代码(取消全选功能)
  • jQuery实现复选框全选与取消全选实例
  • jquery实现checkbox的全选、取消及跨页保存
  • jQuery实现复选框全选/取消全选/反选及获得选择的值
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery中阻止事件冒泡几种方式及其区别介绍
  • jquery easyui通过class方式设置dialog
  • Jquery 在页面加载后执行的几种方式
  • jQuery的3种请求方式$.post,$.get,$.getJSON
  • jquery ajax跨域解决方法(json方式)
  • jquery JSON的解析方式示例介绍
  • Jquery方式获取iframe页面中的 Dom元素
  • jQuery 删除/替换DOM元素的几种方式
  • jQuery中验证表单提交方式及序列化表单内容的实现
  • jquery中JSON解析方式例解
  • JQuery以JSON方式提交数据到服务端示例代码
  • Jquery 获取对象的多种方式
  • Jquery 获取对象的几种方式介绍
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3