redio 只读,checkbox只读

最新推荐文章于 2020-12-18 21:04:29 发布

原创最新推荐文章于 2020-12-18 21:04:29 发布 · 899 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#redio 只读 #checkbox只读

jQuery-强大的jQuery选择器 (详解) 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使HTML单选按钮和复选框变为只读状态的方法，通过JavaScript阻止用户更改已设置的状态，同时保持界面美观不变。

	在项目中我们有时候想单选按钮设置为只读，不能点，不能选　用disabled属性会变颜色，不好看，readyonly属性又可以点

　怎么办呢，人民的智慧是无穷的，总能想到解决办法，上代码

	$("input[type='radio']").click(
		function(){
            var _v = $("input[name='"+$(this).attr("name")+"']").val(); 
            if ($(this).attr("name")) {  
                var arr = document.getElementsByName($(this).attr("name"));  
                var len = arr.length;  
                var tmp = null;  
                for (var i = 0; i < len; i++) { 
                    if (arr[i].value==_v) {  
                    tmp = arr[i];  
                    break;  
                }  
                }
                if(tmp){
	                $(tmp).attr("checked","checked");
                }else{
                	return false;
                }
            } else  
                obj.onclick = function() { return false; };  
		}
	);

下面是checkbox 只读，这个容易些

	$("input[type='checkbox']").click(
		function(){
		this.checked = !this.checked;
		}
	);