2014-09-14 4 views
-1

나는 모든 버튼이 자신의 이름을 가진 라디오 버튼으로 만들어진이 양식을 가지고 있습니다. 필요한 경우 하나 이상의 라디오 버튼을 선택하는 옵션을 사용자에게 제공해야하지만 문제가 발생했습니다. 사용자가 라디오를 선택한 후에는 라디오를 선택 해제 할 수 없으므로 매우 문제가됩니다. 나는이 질문이 전에 물어 보았는지 모르지만 나는 나의 것과 일치하는 것을 찾지 못했다.다른 이름의 라디오 버튼을 선택 취소하는 방법

코드 - 이름이 'foreach는'루프로 생성되는 모든 라디오 버튼에 대해 서로 다른 것을

<?php foreach($pics as $pic): ?> 
       <li> 
        <input type="radio" name="<?= $pic['pic_location'] ?>" /><a href="<?= URL::base() . 'image/' . $pic['pic_id'] ?>"><img src="<?= URL::base(). 'files/images/'. $pic['pic_location'] ?>" width="100" height="100"/></a> 
        <?php if($pic['pic_status'] === 'privet'): ?> 
         <a href="<?= URL::base() . 'public/' . $pic['pic_id'] ?>">make this photo public</a> 
        <?php else: ?> 
         <a href="<?= URL::base() . 'privet/' . $pic['pic_id'] ?>">make this photo private</a> 
        <?php endif; ?> 
       </li> 
      <?php endforeach; ?> 
      <?= Form::submit('delete selected photos') ?> 
      <?= form::close() ?> 

주의하십시오. 시간 내 주셔서 감사합니다. 대신 체크 박스의 전파를 사용하는 이유

+3

해당 응용 프로그램의 경우 라디오 단추 대신 확인란을 사용하십시오. 체크 상자의 스타일을 지정하여 버튼처럼 보이게 할 수 있습니다. http://cssdeck.com/labs/css-checkbox-styles –

+0

여기에 사용하는 CMS 또는 프레임 워크입니까? – Mubo

+0

저는 제복 프레임 워크 – kshayk

답변

1

는 잘 모르겠지만, 당신은 JS/jQuery를 함께 취소 할 수 있습니다 경우에 당신은 정말 라디오 박스가 필요합니다

$(this).prop('checked', false); // jQuery. 
this.checked = false; // JS. 
+0

나는 체크 박스 요소에 대해 모두 잊어 버렸지 만 누군가가 이전 답변에서 그것을 언급했다. 어쨌든 대답 해 주셔서 감사합니다. – kshayk

0

나는 내 댓글을 복사 한 JavaScript가 없으면 OP가 원했던 것을 할 수 있고 필요하다면 라디오 버튼 효과를 얻을 수 있기 때문에 대답으로.

해당 응용 프로그램의 경우 라디오 버튼 대신 확인란을 사용하십시오. 확인란이 중요하다고 생각하면 확인란의 스타일을 지정할 수 있습니다. cssdeck.com/labs/css-checkbox-styles

관련 문제