利用jQuery來(lái)動(dòng)態(tài)為屬性添加或者刪除屬性的簡(jiǎn)單方法
現(xiàn)在做的項(xiàng)目有這樣一個(gè)需要：
先看圖吧^^
要求：
1、當(dāng)點(diǎn)擊導(dǎo)出Excel方式的時(shí)候，如果是“勾選導(dǎo)出”或“不分頁(yè)導(dǎo)出”時(shí)，下面的文本框不能修改
2、當(dāng)點(diǎn)擊“分頁(yè)導(dǎo)出”時(shí)，第一個(gè)文本框中的值可以被修改，但第二個(gè)文本框中的值不可以手動(dòng)修改，但會(huì)隨著第一個(gè)文本框中輸入的值不斷變化
實(shí)現(xiàn)：
這個(gè)頁(yè)面我就不說(shuō)怎么做的了，咱們看重點(diǎn)，如何來(lái)實(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屬性
}
說(shuō)明：這里的sheet為第一個(gè)文本框中的id值，這里我們是用jQuery來(lái)實(shí)現(xiàn)的，但如果用javascript呢？
document.getElementById("sheet").disabled = false;
以上這篇利用jQuery來(lái)動(dòng)態(tài)為屬性添加或者刪除屬性的簡(jiǎn)單方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JQuery綁定事件四種實(shí)現(xiàn)方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
基于jquery1.4.2的仿flash超炫焦點(diǎn)圖播放效果
有了jquery一切變的如此簡(jiǎn)單！讓js做的動(dòng)畫(huà)更有動(dòng)感。2010-04-04
基于jquery自己寫(xiě)tab滑動(dòng)門(mén)(通用版)
今天與大家分享一下，自己寫(xiě)的滑動(dòng)門(mén)。在網(wǎng)上也搜索了一下，沒(méi)發(fā)現(xiàn)比較好的，于是乎自己寫(xiě)一吧~寫(xiě)起來(lái)也很簡(jiǎn)單，為了方便使用，我已經(jīng)盡量封裝好了。好吧，閑話少說(shuō)，直接上代碼吧2012-10-10
用js實(shí)現(xiàn)的模擬jquery的animate自定義動(dòng)畫(huà)(2.5K)
模仿jquery的animate寫(xiě)了一個(gè)簡(jiǎn)單的動(dòng)畫(huà)實(shí)現(xiàn)方法。2010-07-07
jquery.jsPlumb實(shí)現(xiàn)拓?fù)鋱D
這篇文章主要為大家詳細(xì)介紹了jquery.jsPlumb實(shí)現(xiàn)拓?fù)鋱D，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
js/jquery去掉空格,回車(chē),換行示例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
jQuery簡(jiǎn)單實(shí)現(xiàn)頁(yè)面元素置頂時(shí)懸浮效果示例
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)頁(yè)面元素置頂時(shí)懸浮效果的方法,涉及jQuery針對(duì)頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-08-08
這篇文章介紹了基于jQuery實(shí)現(xiàn)的一個(gè)簡(jiǎn)單大方的垂直導(dǎo)航菜單，過(guò)度平滑,需要的朋友可以參考下2015-08-08
解決jQuery上傳插件Uploadify出現(xiàn)Http Error 302錯(cuò)誤的方法
這篇文章主要為大家詳細(xì)介紹了解決jQuery上傳插件Uploadify出現(xiàn)Http Error 302錯(cuò)誤的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了jquery常用操作小結(jié),需要的朋友可以參考下2014-07-07