라디오 버튼을 "선택 가능"으로 지정하십시오. HTML

Question

라디오 버튼을 체크 상자처럼 작동하게하려면 어떻게합니까? 라디오 버튼의 기능이 필요하지만 선택 취소 할 수 있어야합니다.

Answer 1

일반적으로 다른 옵션 "없음"을 추가하면됩니다. 사용자는 정상적인 동작이 아니므로 선택한 라디오 버튼을 클릭하면 라디오 버튼이 선택 해제되는 것을 기대하지 않을 것입니다.

자주 사용되지 않는 또 다른 옵션은 "지우기"버튼입니다. 나는이 옵션을 좋아하지 않는다.

Answer 2

"없음"옵션을 만들거나 모든 라디오 버튼을 선택 취소하는 자바 스크립트 버튼을 만들 수 있습니다. 라디오 버튼의 onclick 이벤트가 이미 선택되어있는 경우 반응하는지 궁금합니다 ...

Answer 3

onClick 함수를 각 라디오 버튼에 추가하여 선택하는 동안 선택을 취소 할 수 있습니다 (시도하지 않았지만 합리적인 것처럼 보임). 이것은 대부분의 사용자에게는 실제로 예기치 않은 동작입니다. - 'None'옵션을 제안하는 다른 답변이 더 좋습니다.

편집 : 그냥 재미로, 나는 이것을 시도했다. 그것은 작동합니다. 내 코드는 꽤 싸구려 - 빠른 테스트를 위해서만 완성되었습니다.

<script> 
    var x = false; 
</script> 

<input type="radio" value="test 1" name="1" onmousedown="if (this.checked) { x = true; }" onclick="if (x) {this.checked = false; x = false; return true;}" />1 
<input type="radio" value="test 2" name="1" onmousedown="if (this.checked) { x = true; }" onclick="if (x) {this.checked = false; x = false; return true;}" />2 
<input type="radio" value="test 3" name="1" onmousedown="if (this.checked) { x = true; }" onclick="if (x) {this.checked = false; x = false; return true;}" />3 

Answer 4

"없음"옵션은 다른 사람이 제안한대로 사용할 수 있습니다. 허용되지 않는 경우 다른 옵션은 다음과 같습니다.

1. 하나의 선택 만 허용하는 논리 확인란을 선택하십시오.
2. 단일 선택 만 허용하는 목록 상자.