首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQUERY设立disabled

2012-09-16 
JQUERY设置disabled!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org

JQUERY设置disabled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="file:///F|/Work/DDLife/Web/Common/common_js.js"></script><script type="text/javascript"><!-- $(document).ready(function () { $("button:eq(0)").click(function () { var text1 = $("input:text:eq(0)"); if (text1.attr("disabled") == "") { // 或者text1.attr("disabled")==false //通过设置disabled的值将第一个text输入框置为disabled text1.attr("disabled", "disabled"); } else { //通过覆盖的方式将第一个text输入框中的disabled属性清除掉 text1.attr("disabled", ""); } }); $("button:eq(1)").click(function () { var text2 = $("input:text:eq(1)"); if (text2.attr("disabled") == false) { //通过设置disabled的值将第二个text输入框置为disabled text2.attr("disabled", "disabled"); } else { //通过移除的方式将第二个text输入框的disable属性删除 text2.removeAttr("disabled"); } }); $("button:eq(2)").click(function () { var text2 = $("input:text:eq(2)"); if (text2.attr("disabled") == false) { //通过设置disabled的boolean属性将第三个text输入框disabled属性置为true text2.attr("disabled", true); } else { //通过将第三个text输入框disabled属性置为false来移除disabled属性 text2.attr("disabled", false); } }); }); // --></script> </head> <body> <button>disabledNull</button> <input type="text" value="input something into me!" size="40"/> <br/> <button>disabledRemove</button> <input type="text" value="input something into me!" size="40"/> <br/> <button>disabledState</button> <input type="text" value="input something into me!" size="40"/> </body> </html>

?

?

link: http://jiaker.iteye.com/blog/994771

?

?

热点排行