首页 > 代码库 > JQuery实现radio、select、checkbox禁用
JQuery实现radio、select、checkbox禁用
<script>
$(document).ready(function(){
<!-- radio的禁用 -->
var input = $("#appDIV").find("input:radio");
input.attr("disabled","disabled");
input.each(function(){
if($(this).val()==2){
$(this).attr("checked",true);
}
});
<!-- checkbox的禁用 -->
var checkbox = $("#ce").find("input:checkbox");
checkbox.attr("disabled","disabled");
checkbox.each(function(){
if($(this).val()=="Monthly"){
$(this).attr("checked",true);
}
});
<!-- select的禁用方法一 -->
$("#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;
}
});
<!-- select的禁用方法二 -->
$("#selectItem").attr("disabled","disabled");
});
//以上方法都可以实现
$(this).find("select,:radio,:checkbox").attr("disabled", "disabled"); 这样也可以直接实现！
</script>
<body>
<div id="appDIV">
<input type="radio" value="http://www.mamicode.com/1"/>1
<input type="radio" value="http://www.mamicode.com/2"/>2
<input type="radio" value="http://www.mamicode.com/3"/>3
</div>
<div id="sel">
<select id="selectItem">
<option value="http://www.mamicode.com/1" disabled="disabled">Flowers</option>
<option value="http://www.mamicode.com/2" disabled="disabled">Gardens</option>
<option value="http://www.mamicode.com/3" selected>Trees</option>
</select>
</div>
<div id="ce">
<input type="checkbox" name="newsletter" value="http://www.mamicode.com/Daily" />Dairy
<input type="checkbox" name="newsletter" value="http://www.mamicode.com/Weekly" />Weekly
<input type="checkbox" name="newsletter" value="http://www.mamicode.com/Monthly" />Monthly
</div>
</body>
转自：http://blog.csdn.net/hongleidy5000/article/details/6265488
JQuery实现radio、select、checkbox禁用