>

동일한 페이지에 여러 세트의 라디오 버튼이 있으며, 각 세트 이름과 동일한 데이터를 공유합니다.

이 질문을 위해, 각 세트 내에 3 개의 버튼이 있고 2 세트가 있다고 가정합시다 (실제로는 더 많은 것이 있습니다).

HTML :

<input class="radio-1" name="set-1" type="radio">
<input class="radio-2" name="set-1" type="radio">
<input class="radio-3" name="set-1" type="radio">
<input class="radio-1" name="set-2" type="radio">
<input class="radio-2" name="set-2" type="radio">
<input class="radio-3" name="set-2" type="radio">

동일한 클래스 이름을 사용하고 각각의 이름을 따로 따로 지정하지 않는 것이 중요합니다. 너무 많기 때문에 엄청나게 길고 복잡한 프로세스에 사용할 함수를 코딩 할 수 있기 때문입니다.

JS에서 다음과 같이 말할 수 있기를 원합니다. " 'radio-2'클래스 이름을 공유하는 라디오 버튼 중 하나라도 확인 된 경우 기능 1로 진행하십시오. 그렇지 않으면 계속하십시오. 기능 2를 사용하십시오. "

이것은 JS에있는 것이지만 작동하지 않습니다 :

var radio2 = document.getElementsByClassName('radio-2');
if (radio2.checked) {
// Perform function 1
  } else {
// Perform function 2
  } 

어떻게 작동하게 하시겠습니까? 모든 종류의 해결 방법이 열려 있습니다.

  • 답변 # 1

    JQuery를 사용할 수 있습니다 :

    // select all DOM elements of type 'input' with css class 'radio-2' that are checked!
    if ($('input.radio-2 :checked').size() > 0) {
        //call function 1
    } else {
        //call function 2
    }
    
    

  • 답변 # 2

    이름 선택기와 함께 클래스를 사용할 수 있습니다

    if ($('radio-2[name=set-2or anything] :checked').size() > 0) {
         //call function 1
    } else {
         //call function 2
    }
    
    

  • 답변 # 3

    결국 저에게 도움이되었습니다 :

    if ($('input.radio-2').is(':checked')) {
      //call function 1
    } else {
      //call function 2
    }
    
    

  • 이전 security - 안전하고 자동화 된 _user 역할 생성
  • 다음 node.js - 퍼그에서 자바 스크립트 객체를 반복