[jQuery] 動態設定欄位是否啟用

URL Link //n.sfs.tw/15644

2022-03-04 11:14:16 By 大塚 宏

前言

設計網頁時的需求,前端有兩個RadioButton

如果選擇"是",RadioButton = "Y"

選擇"否",RadioButton = "N",並且要把隔壁的說明欄位改成Disable(禁止編輯)

因為元件是動態的,所以要把以上功能寫在RadioButton.change裡面,只要選項有切換,就要有動作

 

 

程式碼分享

這次用jQuery的方式,從後端取得前端元件

不得不說非常方便,$符號真的太萬用了~

抓取元件變得輕鬆許多,不過jQuery的寫法很容易忘,畢竟不是天天用

還是筆記一下吧~

 

$("#RadioButton1").change(function(){

    var val=$('input:radio[name="RadioButton1"]:checked').val();

 

    if(val == 'N'){

        $("#TextBox1").attr('disabled', true);

        $("#TextBox1").val('');

    }else{

        $("#TextBox1").attr('disabled', false);

    }

});