<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添某个元素为disabled-->
$('#selectItem option[value=7]').attr('disabled', 'disabled');
$('#selectItem option[value=8]').attr('disabled', 'disabled');
//value就是类别的ID,使用option disabled 属性,但是IE6 好像不支持
//找了下一段代码,支持E6
$('#selectItem').each(function(){
this.rejectDisabled = function(){
if (this.options[this.selectedIndex].disabled){
if (this.lastSelectedIndex) {
this.selectedIndex = this.lastSelectedIndex;
} else {
var first_enabled = $(this).children('option:not(:disabled)').get(0);
this.selectedIndex = first_enabled ? first_enabled.index : 0;
}
} else {
this.lastSelectedIndex = this.selectedIndex;
}
};
this.rejectDisabled();
this.lastSelectedIndex = this.selectedIndex;
$(this).children('option[disabled]').each(function(){
$(this).css('color', '#CCC');
});
$(this).change(function() {
this.rejectDisabled();
});
});
//获取值
//alert( $('#dd').val());//type=text
//alert($('input[name=rr][checked]').val());//type=radio
//alert($('input[name=ff][checked]').val());//type=checkbox
// alert($("select[name=ss] option[selected]").val());//select 相等于alert($("#ss option[selected]").val());
//获取文本
//alert($("select[name=ss] option[selected]"));//select
//控制
/*// Disable #dd 禁用
$("#dd").attr("disabled","disabled");
// Enable #dd 解禁
$("#jj").removeAttr("disabled");*/
//$('input[name=rr]').get(0).checked = true;//第一个radio被选中
//alert($('input[name=rr2]').get(0).checked);
//alert($("input[type=radio][value=34]").attr("checked",'checked'));//value=34的radio被选中
//alert($("input[type=checkbox][value=gd]").attr("checked",'checked'));//value=gd的checkbox被选中
//$('input[name=ff]').get(1).checked = true;//第一个check被选中
/*//根据option的text选中option
count=$("#ss").find("option").length;
for(var i=0;i<count;i++)
{
if($("#ss").get(0).options[i].text == 'd')
{
$("#ss").get(0).options[i].selected = true;
break;
}
} */
//$("<option value='1'>1111</option><option value='25'>22s22</option>").appendTo("#ss");//增加option
//$("#ss option[value=8]").remove("");//除去 <option value='8'>d</option>
//$("#ss").attr("value",'2');//选中option
$('#ss')[0].selectedIndex = 1;//选中option
//$("#ss").empty();//清空全部option
/*//替换文本
var $thirdLink = $("#ssd");
var linkText = $thirdLink.text().replace('foo','bar');
$thirdLink.text(linkText); */
});
</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 ="true">Trees</option>
<option value="4" disabled="disabled">1</option>
<option value="5" disabled="disabled">2</option>
<option value="6" disabled="disabled">3</option>
<option value="7" >4</option>
<option value="8" >5</option>
<option value="9" disabled="disabled">6</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>
<input type="text" id="dd" name="dd" value="dds"/>dd
<input name="rr" id="rr" type="radio" value="34" />ff
<input name="rr" id="rr2" type="radio" value="4" />55
<input name="ff" type="checkbox" value="aa" />jgdg
<input name="ff" type="checkbox" value="gd" />jgdg
<select name="ss" id="ss" size="1">
<option value=""></option>
<option value="8">d</option>
<option value="2">g</option>
</select>
<br/>
<input type="button" id="button" value="11111" />
<input type="button" id="jj" value="2222222" />
<br/>
<div id="ssd">fgfooHello</div>
分享到:
相关推荐
Jquery操作xml_Demo。 帮一个朋友做的一个Demo实例,用jquery读取xml文件,很简单的操作,一看就明白。
jQuery 操作 Form 元素 v1.0 for jQuery1.4.2,IE7/FF3.6.2下测试通过 作者:西安 网眼 博客:http://blog.why100000.com 微博:http://t.qq.com/zhangking 西安PHP教育培训中心 2010-6-20
封装JQUERY操作XML文档的函数 fnAIString2Xml fnAIXML2String fnAIAddXmlNode fnAIRemoveXMLNode fnAISetXMLNodeAttr fnAIFindXMLNode
举例说明如何通过JQuery操作select
jQuery操作文件夹
jquery操作
jquery操作表格增加删除
jQuery操作手册1.10.3及源网页版jQuery操作手册源码
NULL 博文链接:https://effort-fan.iteye.com/blog/1214681
用jquery 操作 dropdownList,实现4个dropdownlist的级联刷新与获取数据
使用 JQuery 操作表格,很简单的代码,有详细的注释。
内容包括:jQuery Ajax 操作函数,jQuery 选择器,jQuery 事件处理方法,jQuery 事件方法,jQuery 效果函数,jQuery 文档操作方法,jQuery 属性操作方法,jQuery CSS 操作函数,jQuery 遍历函数
JQuery操作checkbox、radio等示例
NULL 博文链接:https://kingschan.iteye.com/blog/1513128
JQuery操作谷歌地图插件及包含API文档
jQuery操作DOM解析
jQuery 操作客户端Cookie1
jquery操作Radio、Checkbox、Select详细Demo
Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
jQuery的参数对照与说明 Query 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素……