前言
設計網頁時的需求,前端有兩個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);
}
});