2012-03-21 7 views
0

좋아 내가 PHP에서 루프를 가지고 있고 사람을위한 라디오 버튼의 그룹을 생성, 그룹 내의 각 라디오 버튼은 동일한 이름을 가지고 있습니다.여러 라디오 버튼을 선택

for ($i = 0; $i < $count; $i++) { 
      echo '<tr>'; 
      echo '<td>' . $something[$i] . '</td>'; 
      echo '<td align="center"><input class="one" type="radio" name="' . $i . '" value="1"/></td>'; 
      echo '<td align="center"><input class="half" type="radio" name="' . $i . '" value="0.5"/></td>'; 
      echo '<td align="center"><input class="zero" type="radio" name="' . $i . '" value="0" checked="checked"/></td>'; 
      echo '<td align="center"><input class="inactive" type="radio" name="' . $i . '" value="null"/></td>'; 
      echo '</tr>'; 
     } 

링크/버튼을 클릭하여 같은 클래스의 모든 라디오 버튼을 선택/확인하고 싶습니다. 변수 $count은 며칠마다 바뀔 것이므로 얼마나 많은 라디오 그룹이 있을지 알지 못할 것입니다. 이 자바 스크립트에 있기를 희망합니다.

답변

0

다음

  $(document).ready(function() { 

      // select all radio buttons in the "one" column (.one class) 
      $('#select_all_one').click(function(){ 
       $("input[class=one]").each(function(){ 
        this.checked = true; 
       }); 
      }); 

      // select all radio buttons in the "half" column (.half class) 
      $('#select_all_half').click(function(){ 
       $("input[class=half]").each(function(){ 
        this.checked = true; 
       }); 
      }); 

      // select all radio buttons in the "zero" column (.zero class) 
      $('#select_all_zero').click(function(){ 
       $("input[class=zero]").each(function(){ 
        this.checked = true; 
       }); 
      }); 

      // select all radio buttons in the "inactive" column (.inactive class) 
      $('#select_all_inactive').click(function(){ 
       $("input[class=inactive]").each(function(){ 
        this.checked = true; 
       }); 
      }); 


      }); 

내가이 링크 <a id="select_all_one" name="select_all" value="all_one">을 사용하는 모든 라디오를 선택하고 반, 제로로 ID와 값의 이름을 변경, 내가 내 여기 파악 가지고 좋아하고 존경 비활성 링크, 모든 것이 완벽하게 작동합니다.

3

당신은 할 수 없습니다. 라디오 버튼 그룹은 단일 선택을 허용합니다. 이 작업을 수행하려면 확인란이 필요합니다. 클래스 이름을 제공

+0

현재 동일한 클래스 (예 : class = "one")로 모든 라디오 버튼을 선택할 수 있으며 사이트의 모든 것이 잘 작동하지만 시간이 많이 걸리기 때문에 많은 시간이 걸립니다 라디오 버튼의 다른 행이 있습니다. 라디오 버튼은 그룹/행마다 다른 이름으로 연결됩니다. – user1284381

+0

다른 클래스의 모든 라디오를 특정 클래스로 선택하려고합니다. 그건 달라. jQuery를 사용하고 계십니까? 이 솔루션은 jQuery로 매우 간단합니다. –

+0

jquery를 사용하여 솔루션을 무엇입니까? 시도해 볼게 – user1284381

1

라디오 버튼에 고유 한, 당신이 할 수 있습니다 :

var radios = document.getElementsByTagName("INPUT"); 
for (var index = 0; index < radios.length; index++) { 
    if (radios(index).type == "radio" && 
     radios(index).className.indexOf("one") > -1) { 
     radios(index).checked = true; 
    } 
} 

이 아마 보편적으로하지 않습니다 getElementsByClassName,보다 각각 getElementsById를 사용하는 것보다 더 나은,하지만, 아마도 더없이 모든 지원, 나는 생각하지 않는다.