라디오버튼 텍스트선택해도 클릭되게

라디오버튼의 경우 해당 버튼을 선택해야지만 해당 버튼이 선택된다.
하지만 라디오 버튼의 TEXT를 선택해서 동일한 효과를 낼려면 다음과 같이 하면 된다.

           <input type="radio" name="SysDiv"id="A1"value="01" onclick="sysDivOnClick(this)" checked ><label for="A1">예금</label>
            <input type="radio" name="SysDiv" id="A2" value="02" onclick="sysDivOnClick(this)"><label for="A2">대출</label>
            <input type="radio" name="SysDiv" id="A3" value="04" onclick="sysDivOnClick(this)"><label for="A3">공제</label>
            <input type="radio" name="SysDiv" id="A4" value="05" onclick="sysDivOnClick(this)"><label for="A4">외환</label>
            <input type="radio" name="SysDiv" id="A5" value="06" onclick="sysDivOnClick(this)"><label for="A5">신탁</label>
            <input type="radio" name="SysDiv" id="A6" value="07" onclick="sysDivOnClick(this)"><label for="A6">BC</label>
            <input type="radio" name="SysDiv" id="A7" value="08" onclick="sysDivOnClick(this)"><label for="A7">비자</label>
            <input type="radio" name="SysDiv" id="A8" value="00" onclick="sysDivOnClick(this)"><label for="A8">모든계좌</label>

checkbox역시 동일하게 적용된다.

참고로 label에 'hidefocus'속성을 주면 선택하면 나타나는 선이 사라진다.