现在的位置: 首页 > 综合 > 正文

jquery设置radio选中以及radio、select、checkbox禁用

2013年10月01日 ⁄ 综合 ⁄ 共 1333字 ⁄ 字号 评论关闭
 

由于浏览器的不同radio按钮的选中经常不好用

jquery 中radio的选中

$("input[name=‘sex’]:eq(0)").attr("checked",'checked');
JQuery中radio、select、checkbox禁用

JQuery代码:

<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”);

});
</script>

<body>
< div id=”appDIV”>
<input type=”radio” value=”1″/>1
< input type=”radio” value=”2″/>2
< input type=”radio” value=”3″/>3
< /div>
< 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>

抱歉!评论已关闭.