Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   ChtckBox как RadioBox (https://javascript.ru/forum/dom-window/36525-chtckbox-kak-radiobox.html)

AdDa 18.03.2013 14:19

ChtckBox как RadioBox
 
ДОбрый день , поомгите реализовать следующее , надо чтоб несколько чекбоксов работало как несколько радио боксов
<input type="radio" name="w">sdsыфв
<input type="radio" name="w">sdsвфы
т.е. При активности первого, не активными становяться вторые и третьи, и т.д

rgl 18.03.2013 17:58

Такой вот говнокод получился, надо "причесывать", но идея понятна.

<html>
<body>

<input type="checkbox">fdljg<br>
<input type="checkbox">fdljg<br>
<div id="d1"">
<input type="checkbox">dsfg<br>
<input type="checkbox">dsfg<br>
<input type="checkbox" name="w">sdsвфы<br>
<input type="checkbox" name="w">sdsвфы<br>
<input type="checkbox" name="w">sdsвфы<br>
<input type="checkbox" name="w">sdsвфы<br>
<input type="checkbox" name="w">sdsвфы<br>
<input type="checkbox">dsfg<br>
<input type="checkbox">dsfg<br>
</div>
<input type="checkbox">fdljg<br>
<input type="checkbox">fdljg<br>

<script type="text/javascript">
  document.getElementById( "d1" ).onclick = function( e ) {
    e = e || window.event;
    var src = e.target || e.srcElement;
    if( src.tagName != "INPUT" || src.getAttribute( "name" ) != "w" )
      return;
    for( var i = this.firstChild; i; i = i.nextSibling )
      if( i.tagName == "INPUT" && i.getAttribute( "name" ) == "w" )
        i.checked = ( i == src );
  };
</script>

</body>
</html>


Часовой пояс GMT +3, время: 16:17.