利用jQuery來動(dòng)態(tài)為屬性添加或者刪除屬性的簡單方法
現(xiàn)在做的項(xiàng)目有這樣一個(gè)需要:
先看圖吧^^
要求:
1、當(dāng)點(diǎn)擊導(dǎo)出Excel方式的時(shí)候,如果是“勾選導(dǎo)出”或“不分頁導(dǎo)出”時(shí),下面的文本框不能修改
2、當(dāng)點(diǎn)擊“分頁導(dǎo)出”時(shí),第一個(gè)文本框中的值可以被修改,但第二個(gè)文本框中的值不可以手動(dòng)修改,但會(huì)隨著第一個(gè)文本框中輸入的值不斷變化
實(shí)現(xiàn):
這個(gè)頁面我就不說怎么做的了,咱們看重點(diǎn),如何來實(shí)現(xiàn)動(dòng)態(tài)的增加屬性值:
function changeAttr(){ //onchange事件 添加和去除只讀屬性 var radios = document.forms[0].radio; for (var i = 0; i < radios.length; i++) { if (radios[2].checked == true) { remAttr(); //如何選擇的是勾選導(dǎo)出,去除文本框的disabled屬性 break; }else{ addAttr(); break; //如果判斷出選中的哪一個(gè)單選按鈕之后,要跳出循環(huán) } } } function remAttr(){ $("#sheet").attr("disabled",false); //去除disabled屬性 } function addAttr(){ $("#sheet").attr("disabled",true); //添加disabled屬性 }
說明:這里的sheet為第一個(gè)文本框中的id值,這里我們是用jQuery來實(shí)現(xiàn)的,但如果用javascript呢?
document.getElementById("sheet").disabled = false;
以上這篇利用jQuery來動(dòng)態(tài)為屬性添加或者刪除屬性的簡單方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)邊框動(dòng)態(tài)效果的實(shí)例代碼
這篇文章給大家分享了一個(gè)jQuery邊框動(dòng)態(tài)的效果,當(dāng)鼠標(biāo)移動(dòng)到邊框區(qū)域的時(shí)候,邊框會(huì)有個(gè)動(dòng)態(tài)的加載動(dòng)畫效果,實(shí)現(xiàn)的效果真的非常不錯(cuò),下面來一起看看吧。2016-09-09jquery 彈出層注冊(cè)頁面等(asp.net后臺(tái))
jquery 彈出層注冊(cè)頁面,盡力提高用戶體驗(yàn),吸引用戶注冊(cè)。2010-06-06jQuery中使用了document和window哪些屬性和方法小結(jié)
未列出常見的比如document.getElementById(),object.addEventListener()等。2011-09-09jQuery插件實(shí)現(xiàn)屏蔽單個(gè)元素使用戶無法點(diǎn)擊
屏蔽單個(gè)元素使用戶無法點(diǎn)擊在某些特殊的情況下還是蠻有用的,例如及不舉了,感興趣的朋友可以參考下,希望可以幫助到你2013-04-04jQuery實(shí)現(xiàn)拖拽頁面元素并將其保存到cookie的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)拖拽頁面元素并將其保存到cookie的方法,涉及jQuery基于cookie針對(duì)頁面元素屬性的相關(guān)保存操作技巧,需要的朋友可以參考下2016-06-06jquery實(shí)現(xiàn)員工信息添加與刪除功能
這篇文章主要為大家詳細(xì)介紹了利用jquery制作簡易的員工信息添加與刪除,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09