За последние 24 часа нас посетили 21996 программистов и 1682 робота. Сейчас ищут 1658 программистов ...

Как из трех предложенных чекбоксо выделать только один?

Тема в разделе "JavaScript и AJAX", создана пользователем Ambrella, 5 апр 2008.

  1. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    Подскажите плиз: у меня есть три чекбокса, нужно что бы пользователь мог выделить только один либо вообще ни одного... Как это сделать?
     
    #1 Ambrella, 5 апр 2008
  2. Anonymous

    Anonymous Guest

    радио буттоны ? + 4 радио буттон - "против всех"
     
    #2 Anonymous, 5 апр 2008
  3. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    Нужен именно чекбокс
     
    #3 Ambrella, 5 апр 2008
  4. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Ambrella
    [js]
    function oncheckboxclick(obj_chkbx)
    {
    var c1 = document.getElementById('check1');
    var c2 = document.getElementById('check1');
    var c3 = document.getElementById('check1');

    c1.checked = false;
    c2.checked = false;
    c3.checked = false;
    obj_chkbx.checked = true;
    }[/js]
    HTML:
    1.  
    2. <input type='checkbox' onclick='JavaScript: oncheckboxclick(this); return false;' id='check1'/>
    3. <input type='checkbox' onclick='JavaScript: oncheckboxclick(this); return false;' id='check2'/>
    4. <input type='checkbox' onclick='JavaScript: oncheckboxclick(this); return false;' id='check3'/>
    5.  
    ИМХО радиокнопки будут уместнее
     
    #4 topas, 5 апр 2008
  5. +Sten+

    +Sten+ Активный пользователь

    С нами с:
    27 авг 2007
    Сообщения:
    978
    Симпатии:
    0
    А вообще, каждый должен заниматься своим делом. Селекты\радиобатоны - выбирать 1 элемент, чекбоксы - много. У пользователей вполне устоявшееся представление о чекбоксах.
     
    #5 +Sten+, 5 апр 2008
  6. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    Спасибо большое!

    Чек боксы использую потому что у меня должен быть вариант когда ничего не выбрано, а радиобуттоны насколько я знаю не отжимаются назад? Сорри просто в них профан :(
     
    #6 Ambrella, 5 апр 2008
  7. RomanBush

    RomanBush Активный пользователь

    С нами с:
    5 дек 2007
    Сообщения:
    798
    Симпатии:
    0
    Адрес:
    200 км от Москвы
    Не отжимаются. Поэтому делают четвёртый - "против всех".
     
    #7 RomanBush, 5 апр 2008
  8. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    :?: :?: :?: :?: :?: :?:
    чегото скрипт не работает у меня (фаирфокс) — не отображает галочек :(
     
    #8 Ambrella, 5 апр 2008
  9. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Ambrella
    Списывать тоже надо уметь.


    HTML:
    2.  
    4.     <script>
    5.         function oncheckboxclick(obj_chkbx)
    6.         {
    7.         var c1 = document.getElementById('check1');
    8.         var c2 = document.getElementById('check2');
    9.         var c3 = document.getElementById('check3');
    10.  
    11.         c1.checked = false;
    12.         c2.checked = false;
    13.         c3.checked = false;
    14.         obj_chkbx.checked = true;
    15.         return true;
    16.         }
    17.     </script>
    18.  
    19.     <input type='checkbox' onclick='JavaScript: return oncheckboxclick(this);' id='check1'/>
    20.     <input type='checkbox' onclick='JavaScript: return oncheckboxclick(this);' id='check2'/>
    21.     <input type='checkbox' onclick='JavaScript: return oncheckboxclick(this);' id='check3'/>
    22. </body>
    23. </html>
     
    #9 topas, 6 апр 2008
  10. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Вышла вторая версия радиочекедов....

    HTML:
    1.  
    3.  
    5.     <script>
    6.         function oncheckboxclick(obj_chkbx)
    7.         {
    8.         var c1 = document.getElementById('check1');
    9.         var c2 = document.getElementById('check2');
    10.         var c3 = document.getElementById('check3');
    11.  
    12.         if (obj_chkbx.checked == false)
    13.         {
    14.             c1.checked = false;
    15.             c2.checked = false;
    16.             c3.checked = false;
    17.             return true;
    18.         }
    19.  
    20.         c1.checked = false;
    21.         c2.checked = false;
    22.         c3.checked = false;
    23.         obj_chkbx.checked = true;
    24.         return true;
    25.         }
    26.     </script>
    27.  
    28.     <input type='checkbox' onclick='JavaScript: return oncheckboxclick(this);' id='check1'/>
    29.     <input type='checkbox' onclick='JavaScript: return oncheckboxclick(this);' id='check2'/>
    30.     <input type='checkbox' onclick='JavaScript: return oncheckboxclick(this);' id='check3'/>
    31. </body>
    32. </html>
     
    #10 topas, 6 апр 2008
  11. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Ambrella
    Советую реализовать подобный механизм с помощью type='radio'. Пользователям действительно будет понятнее
     
    #11 topas, 6 апр 2008
  12. Ambrella

    Ambrella Активный пользователь

    С нами с:
    10 ноя 2007
    Сообщения:
    206
    Симпатии:
    0
    Я на самом деле все что мог в первой функции перебрал и нумарацию check1 проставил и return false пробовал тож убирать но так и не заработало. Нехватило знаний самому запустить. Спасибо большое!

    По поводу type='radio' - тоже спасибо!

    :) :) :)
     
    #12 Ambrella, 6 апр 2008
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)