라디오 버튼을 선택 취소하는 세 가지 방법의 예

저자：Eve Cole 업데이트 시간：2025-02-15 11:48:02

이 문서에서는 라디오를 선택 취소하는 세 가지 방법을 제공합니다. 코드 예제는 다음과 같습니다.

이 글에서는 첫 번째와 두 번째 방법은 jQuery를 사용하여 구현하고, 세 번째 방법은 JS와 DOM을 기반으로 합니다.

다음과 같이 코드 코드를 복사합니다.

<!DOCTYPE HTML>

<html>

<머리>

</script>

<스크립트 유형="텍스트/자바스크립트">

$(함수(){

var $browsers = $("input[name=browser]");

var $cancel = $("#cancel");

var $byhide = $("#byhide");

var $remove = $("#remove");

$cancel.click(함수(e){

//속성을 제거합니다. 두 가지 방법을 모두 사용할 수 있습니다.

//$browsers.removeAttr("checked");

$browsers.attr("checked",false);

});

$byhide.click(함수(e){

//숨겨진 도메인으로 전환합니다. 두 가지 방법 모두 사용 가능

//$("#hidebrowser").attr("checked",true);

$("#hidebrowser").attr("체크됨","체크됨");

});

$remove.click(함수(e){

// DOM 요소로 직접 이동하여 속성을 제거합니다.

// jQuery를 사용하지 않는다면 이 메소드를 이식해도 됩니다.

var checkbrowser=document.getElementsByName("browser");

$.each(checkedbrowser, 함수(i,v){

v.checked = 거짓;

v.removeAttribute("checked");

});

var len = checkbrowser.length;

var 나는 = 0;

for(; i < len; i++){

// 먼저 값을 false로 설정한 다음 속성을 제거해야 합니다.

checkbrowser[i].checked = false;

// 속성을 제거하지 않고도 이 작업을 수행할 수 있습니다.

//checkedbrowser[i].removeAttribute("checked");

}

});

</script>

</head>

<본문>

<p>어떤 브라우저를 선호하시나요? </p>

<양식>

<input type="radio" name="browser" value="Internet Explorer">인터넷 익스플로러<br />

<input type="radio" name="browser" value="Firefox">Firefox<br />

<input type="radio" name="browser" value="Netscape">넷스케이프<br />

<br />

</form>

</body>

</html>