본문 바로가기

Web/Javascript

체크된 레디오 버튼 강조하기

<!--+----------------------------------------------------------------------+-->
<!--| 2004-04-14 | 체크된 레디오 버튼 강조하기                             |-->
<!--+----------------------------------------------------------------------+-->
<!--| Authors: Kurome <aucd29@kornet.net>                                 |-->
<!--+----------------------------------------------------------------------+-->

<script language="javascript">
    <!--
    function chk_checked(obj)
    {

        frm = obj.form;
        ele = obj.name;

        for(var i = 0; i < frm.elements[ele].length; i++)
        {
            if (frm.elements[ele][i].checked)
                frm.elements[ele][i].parentElement.className='checked';
            else
                frm.elements[ele][i].parentElement.className='no_check';
        }
    }
//-->
</script>

<style type='text/css'>
    .no_check {color:#503788; text-decoration:none; }
    .checked { height:25;padding:0 0 0 20;background-color:#B9E916;cursor:hand; }
</style>

<form name=ddddd>

<table><tr><Td><input type='radio' name='dd' value='s' id='labelcd' onClick="chk_checked(this)"><label for='labelcd'>만남입니당.. </label></td></tr></table>
<table><tr><Td><input type='radio' name='dd' value='l' id='labelcc' onClick="chk_checked(this)"><label for='labelcc'>만남입니당.. </label></td></tr></table>

</form>