jQuery 라디오 버튼 클릭이벤트
<script>
$(document).ready(function (){
$("input[name=radio_bt]").click(function(){
var bt_value = $("input:radio[name=radio_bt]:checked").val();
radio_click(bt_value);
})
})
function radio_click(bt_value){
/* 다른 태그 속성 변경 - attr*/if(bt_value=="H"){
$("#guest_name").attr("readonly", true);
}
if(bt_value=="V"){$("#guest_name).removeAttr("readonly");}
}
/*
CSS속성을 변경하고자 하면 .css('color', 'red');
*/
</script>
<html>
<input type="radio" name="radio_bt" id="hidden" value="H"> Read
<input type="radio" name="radio_bt" id="view" value="V"> Write
Guest Name : <input type="text" name="guest_name" id="guest_name">
</html>
반응형
'SPRING > JAVASCRIPT' 카테고리의 다른 글
| append 후 이벤트 / 동적 생성 태그 이벤트 (0) | 2023.08.03 |
|---|---|
| 시간 지연 (0) | 2023.08.03 |
| comma (0) | 2023.08.03 |
| javascript 버블링과 캡처링 (0) | 2022.03.02 |
| jquery tag (0) | 2017.11.08 |