快捷導(dǎo)航

jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼

更新時(shí)間：2016年06月24日 10:49:25 投稿：mrr

這篇文章主要介紹了jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

因?yàn)楸?part 是“jQuery日常使用篇”，所以都是由具體需求出發(fā)，總結(jié)需要用到的知識(shí)點(diǎn)。代碼寫得未必很好，達(dá)到目標(biāo)就好。那么我們先來看看這次的需求：色塊模式基于彩色模式，即開了彩色才能開色塊，彩色處于關(guān)閉的時(shí)候色塊不可用，開啟彩色時(shí)色塊radio可用，關(guān)閉彩色時(shí)如果色塊處于開的話需要把它關(guān)掉，大概就這樣。

我們先來看看演示效果：

我們接下來看看jQuery對單選按鈕 radio 的操作。

1. 彩色處于關(guān)閉的時(shí)候色塊不可用

需要兩步，當(dāng)頁面打開時(shí)，檢測如果彩色關(guān)閉的話，讓色塊的“開”不可用：

if($("#coloroff[checked]"))
{
//alert("Hello Nowamagic!");
$("#blockon").attr("disabled", true);
}

另外，當(dāng)彩色開關(guān)切換時(shí)，即從開切換關(guān)時(shí)，讓色塊開不可用，同時(shí)選中色塊關(guān)：

$("#coloroff").change(function(){
$("#blockon").attr("disabled", true);
$("#blockoff").attr("checked",true);
})

2. 當(dāng)彩色從關(guān)切換開時(shí)，讓色塊可用，這很簡單：

$("#coloron").change(function(){
$("#blockon").attr("disabled", false);
})

全部代碼為：

$(document).ready(function(){
if($("#coloroff[checked]"))
{
//alert("Hello Nowamagic!");
$("#blockon").attr("disabled", true);
}
$("#coloroff").change(function(){
$("#blockon").attr("disabled", true);
$("#blockoff").attr("checked",true);
})
$("#coloron").change(function(){
$("#blockon").attr("disabled", false);
})
});

補(bǔ)充幾個(gè)知識(shí)點(diǎn)：

checkbox, radio 這些控件都沒有readonly屬性，需要用 disabled 屬性來切換它們的“可用/不可用”狀態(tài)。

設(shè)置 radio 不可用可以用 attr() 方法，即attr("disabled", true)。

設(shè)置 radio 的選中狀態(tài)也是用 attr() 方法，attr("checked",true)。

以上所述是小編給大家介紹的jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: