当前位置:  编程技术>jquery

jquery操作checked与disabled属性多种方法与实例

    来源: 互联网  发布时间:2014-10-08

    本文导语:  如何用jquery控制元素的checked属性或disabled属性呢?这里举几个例子,学习下相关操作方法。 下面以操作checked属性为例进行介绍,disabled与此类同。 例子:   jquery判断checked的三种方法:   .attr('checked'): //看版本1.6+返回:"checked...

如何用jquery控制元素的checked属性或disabled属性呢?这里举几个例子,学习下相关操作方法。

下面以操作checked属性为例进行介绍,disabled与此类同。

例子:
 


jquery判断checked的三种方法:
 

.attr('checked'): //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked')://所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
 

$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);

jquery1.6+:prop的4种赋值:
 

$("#cb1").prop("checked",true);//很简单就不说了哦
$("#cb1").prop({checked:true});//map键值对
$("#cb1").prop("checked",function(){
return true;//函数返回true或false
});
$("#cb1").prop("checked","checked");
 

参考:http://api.jquery.com/prop/

完整例子:
 

代码示例:


测试-jquery控制checked与disabled属性-www.





$(function(){
//判断checked
 //var a=$("#cb1").attr('checked'); //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
 //var b=$("#cb1").prop('checked'); //1.6+:true/false
 var c=$("#cb1").is(':checked');  //所有版本:true/false
 //alert(a);
       //alert(b);
alert(c);
   //赋值   前两个所有的jquery版本都支持 prop只有jquery1.6+支持
 //$("#cb1").attr("checked","checked");//1.5-
 //$("#cb1").attr("checked",true);//1.5-
 //   $("#cb1").prop("checked","checked");//1.6+(整理的时候把这个忘记啦)
 //$("#cb1").prop("checked",true);//1.6+
 //$("#cb1").prop({checked:true});//1.6+
 //$("#cb1").prop("checked",function(){
 //return  true;//1.6+
 //});
})();







附,jquery批量设置属性readonly和disabled的方法

使用jquery批量设置readonly和disabled属性。

Jquery api中提供了对元素应用disabled和readonly属性的方法。

来看一些例子:
1,jquery操作readonly属性。
 

$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').removeAttr("readonly");//去除input元素的readonly属性

if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:
 

$('input').attr("readonly",true)//将input元素设置为readonly
$('input').attr("readonly",false)//去除input元素的readonly属性
$('input').attr("readonly","readonly")//将input元素设置为readonly   
$('input').attr("readonly","")//去除input元素的readonly属性

2,jquery操作disabled属性。
 

$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').removeAttr("disabled");//去除input元素的disabled属性

if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

对于为元素设置disabled属性和取消disabled属性的方法还有如下两种:
 

$('input').attr("disabled",true)//将input元素设置为disabled
$('input').attr("disabled",false)//去除input元素的disabled属性

$('input').attr("disabled","disabled")//将input元素设置为disabled   
$('input').attr("disabled","")//去除input元素的disabled属性


您可能感兴趣的文章:
  • jquery查找checked属性的对象示例
  • jquery检测input checked 控件是否选中
  • JQuery设置input属性(disabled、enabled)
  • jquery设置元素readonly与disabled属性
  • jQuery为文本框添加只读属性readOnly
  • js与html中readonly属性设置对比
  • 设置checkbox复选框为readonly只读的两种方式

    
 
 

您可能感兴趣的文章:

  • jquery使用jquery.zclip插件复制对象的实例教程
  • JQuery验证特殊字符实例
  • jquery检验实例-改变错误提示信息的位置
  • textarea显示成label的样式 jquery实例
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery修改属性值实例代码(设置属性值)
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery等宽输出文字插件的实例代码
  • jquery 回车事件的实例分享
  • jquery 获取dom固定元素 添加样式的简单实例
  • Jquery 获取元素位置序号的实例代码
  • jquery获得表单所有数据的实例分享
  • jQuery回车键事件实例代码
  • Jquery 键盘按键监听与滑动效果的实例
  • jquery实现弹出div,始终显示在屏幕正中间的简单实例
  • jquery导航固定效果实例
  • jquery 延迟执行的实例分享
  • JQuery validate日期比较实例
  • Jquery如何获取新浪天气预报?实例代码
  • jquery 网页自动播放声音实例
  • 使用jQuery设置disabled属性与移除disabled属性
  • jquery设置input中disabled属性
  • JQuery设置input属性(disabled、enabled)
  • jquery设置disabled属性为true的方法 超链接加上disabled属性
  • jquery设置元素的readonly和disabled属性
  • jquery如何设置元素readonly与disabled属性
  • jquery设置元素readonly与disabled属性
  • jquery批量设置属性readonly和disabled的方法
  • jQuery操作hidden、disable无值属性
  • jQuery中操控hidden、disable等无值属性的方法
  • jquery设置元素readonly和disabled(checkbox只读)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery学习笔记之jQuery原型属性和方法
  • JS与jquery自定义属性用法
  • JQuery 判断某个属性是否存在hasAttr用法
  • jQuery获得内容与属性方法
  • jQuery获得内容和属性示例代码
  • jQuery获得内容和属性方法及示例
  • jquery easyUI创建分组属性编辑器
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • jQuery元素属性attr设置多个键值的例子
  • jquery根据name属性查找示例
  • jquery控制css的display属性(显示与隐藏)
  • jquery 选择块与改变属性值的实现方法
  • jquery修改与设置属性值的例子
  • jquery代码-如何使用多个属性来进行过滤
  • jquery控制display属性为none或block
  • jquery根据属性和index来查找属性值并操作
  • jQuery设置CSS属性(示例)
  • javascript和jquery修改a标签的href属性
  • jquery控制css元素的display(显示与隐藏)属性
  • jquery控制css display属性(控制元素显示与隐藏)
  • 通过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


  • 站内导航:


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

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

    浙ICP备11055608号-3