[javascript] 선택한 라디오 버튼을 선택 취소하는 방법


1 Answers

라디오 버튼은 필수 옵션입니다 ... 체크하지 않으려면 체크 박스를 사용하면 일을 복잡하게하거나 사용자가 라디오 버튼을 선택 취소 할 필요가 없습니다. JQuery를 제거하면 그 중 하나에서 선택할 수있다.

Question

이 질문에는 이미 답변이 있습니다.

이 솔루션은 파이어 폭스에서만 작동합니다.

$(':radio').on("change", function(event) {
  $(this).prop('checked', true);
});

$(':radio').on("click", function(event) {
  $(this).prop('checked', false);
});

크롬에서는 아무 것도 선택하지 않아도됩니다. http://jsfiddle.net/wuAWn/

Ofc, 나는 변수를 사용하고 다음과 같이 쓸 수있다.

var val = -1;
$(':radio').on("click", function() {
  if($(this).val() == val) {
    $(this).prop('checked', false);
    val = -1;
  }
  else val = $(this).val();
});

하지만 내 페이지에 몇 가지 라디오 버튼 그룹을 가지고 html 콘텐츠를 아약스를 통해로드됩니다, 그래서 모든 라디오 버튼 그룹에 대한 변수를 정의하고 모든 라디오 버튼에 대해 동일한 기능을 작성하는 대신 그들 모두를위한 1 기능을 wrtite하고 싶습니다 그룹.

편집 : 확인란을 귀하의 도움을 주셔서 감사하지만 라디오 버튼 그룹의 역할을 확인란에 대한 동일한 이름을 가진 다른 모든 확인란을 선택 취소 adjectional 자바 스크립트를 작성해야합니다 onclick, 나는 이미 라디오 버튼 CSS를 가지고 그 날 위해 쉽게 look-like-checkbox와 같은 클래스를 추가하고 체크 박스처럼 보이게하고, 커스텀 모양의 유니폼 라이브러리를 사용합니다. 어쨌든 여기는 이상한 솔루션입니다. http://jsfiddle.net/wuAWn/9/




이 시도

모든 라디오의 단일 기능에는 " 라디오 버튼" 클래스가 있습니다.

크롬 및 FF 작업

$('.radio-button').on("click", function(event){
  $('.radio-button').prop('checked', false);
  $(this).prop('checked', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<input type='radio' class='radio-button' name='re'>
<input type='radio'  class='radio-button' name='re'>
<input type='radio'  class='radio-button' name='re'>



Related