JQuery实现radio、select、checkbox禁用

最新推荐文章于 2022-11-01 17:30:13 发布

weixin_30429201

最新推荐文章于 2022-11-01 17:30:13 发布

阅读量135

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ourLifes/p/7193626.html

版权

    var input = $("#appDIV").find("input:radio");
   input.attr("disabled","disabled");
   input.each(function(){
     if($(this).val()==2){
        $(this).attr("checked",true);
     }
   });

var checkbox = $("#ce").find("input:checkbox");
   checkbox.attr("disabled","disabled");
    checkbox.each(function(){
     if($(this).val()=="Monthly"){
        $(this).attr("checked",true);
     }
   });

$("#selectItem option:disabled").css('color', '#CCC');
   $('#selectItem').change(function(){
    if(this[this.selectedIndex].disabled){
     this.selectedIndex = this.s||0;
    }else{

this.s = this.selectedIndex||0;
}
});

$("#selectItem").attr("disabled","disabled");

});

//以上方法都可以实现

$(this).find("select,:radio,:checkbox").attr("disabled", "disabled"); 　这样也可以直接实现！

</script>

<div id="sel">
   <select id="selectItem">
    <option value="1" disabled="disabled">Flowers</option>
    <option value="2" disabled="disabled">Gardens</option>
    <option value="3" selected>Trees</option>
   </select>
</div>
<div id="ce">
    <input type="checkbox" name="newsletter" value="Daily" />Dairy
    <input type="checkbox" name="newsletter" value="Weekly" />Weekly
    <input type="checkbox" name="newsletter" value="Monthly" />Monthly
</div>
</body>

转自：http://blog.csdn.net/hongleidy5000/article/details/6265488

转载于:https://www.cnblogs.com/ourLifes/p/7193626.html

weixin_30429201

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery实现radio、select、checkbox禁用

<script>$(document).ready(function(){  var input = $("#appDIV").find("input:radio"); input.attr("disabled","disabled"); input.each(function(){ if($(this)....
复制链接

扫一扫