<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操作表格，基于给出的资源，我们可以看到一个与表格相关的示例。 首先，"tb-bg.gif"可能是一个表格背景图像，用于美化表格的视觉效果。在网页设计中，背景图片可以提升表格的整体风格...
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操作cookie插件"正是针对Cookie管理提供的一种便捷解决方案。Cookie是服务器在用户浏览器上存储小量信息的一种机制，常用于用户会话管理、个性化设置和跟踪用户行为等场景。 这款jQuery插件专为简化...
**jQuery 操作手册及源码详解** jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了网页中的 DOM 操作、事件处理、动画制作以及Ajax交互。本手册主要针对jQuery 1.10.3版本，这一版本在保持稳定性和兼容性的...
封装JQUERY操作XML文档的函数 fnAIString2Xml fnAIXML2String fnAIAddXmlNode fnAIRemoveXMLNode fnAISetXMLNodeAttr fnAIFindXMLNode
**jQuery 操作 DHTML 演示源码详解** DHTML（Dynamic HTML）是一种通过JavaScript、CSS和DOM（Document Object Model）实现动态交互效果的技术。jQuery 是一个强大的JavaScript库，它简化了对DOM的操作，使得DHTML...
Jquery操作CheckBox多选框.doc
json定义及jquery操作.docx
json定义及jquery操作.pdf
在IT领域，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。尽管jQuery主要用于处理HTML文档，但它并不能直接操作文件或文件夹，因为浏览器的安全策略不允许...
jquery操作单选框和复选框，超级实用的示例，节约项目开发时间！
jQuery基本操作 适合初学者 有样例 一、jQuery中的DOM操作 二、属性操作 三、样式操作
Ch08-jQuery操作DOM核心笔记.txtCh08-jQuery操作DOM核心笔记.txt Ch08-jQuery操作DOM核心笔记.txtCh08-jQuery操作DOM核心笔记.txt Ch08-jQuery操作DOM核心笔记.txt
Jquery学习 Jquery源代码 Jquery数据库操作 Jquery学习 Jquery源代码 Jquery数据库操作 绝对有用，技术含量
Jsoup HTML解析器For Java 在Java程序中使用JQuery操作DOM 模式识别的新技术 狂顶
《jQuery操作特效详解》 在Web开发领域，jQuery以其易用性和强大的功能，成为JavaScript库中的佼佼者。尤其在处理页面动态效果和用户交互时，jQuery的优势尤为明显。本篇将围绕“jQuery操作特效”这一主题，深入...
**jQuery操作手册** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。这个手册将详细讲解jQuery的核心功能，帮助开发者更高效地使用这个强大的工具。 ### 1. ...
jquery操作cookie所需js包cookiejs-cookie
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery来操作checkbox，并实现全选、全不选、反选以及获取选中值这四个核心功能...
本文实例讲述了jQuery操作动画。分享给大家供大家参考，具体如下： <html> <head> <title>jQuery操作动画</title> <meta charset="UTF-8"/> <script src=...