0

http://jsfiddle.net/0n04s1Ls/1/

HTML:

<input type="radio" name='abc1' class="rad" />
<input type="radio" name='abc2' class="rad" />
<input type="radio" name='abc3' class="rad" />

JS:

$('.rad').mousedown(function () {
    $(this).data('checked', $(this).prop('checked'));
}).click(function () {
    var checked = $(this).data('checked');
    $('.rad').prop('checked', false);
    $(this).prop('checked', !checked);
});

Задача: не давать выбрать более одного инпута. Давать возможность снять выделение. Такое впечатление, что это говнокод. Но как его значительно улучшить не знаю.

Мои варианты:
1) Все-таки назвать их одним именем - пропадет необходимость всем проставлять false;
2) использовать checkbox - пропадет необходимость проверять статус инпута, но придется всем проставлять false;

Есть ли человеческое решение?

8
  • 2
    @knes, а разве дать одно имя всем трём полям - это не выход?
    – Deonis
    7 ноя 2014 в 15:36
  • jsfiddle.net/0n04s1Ls/2 - неа. Пропала всего одна строчка. А хотелось бы минимум избавиться от одного события. Это можно, используя чекбокс.
    – knes
    7 ноя 2014 в 15:42
  • @knes, я вот [об этом][1] говорил [1]:jsfiddle.net/Deonis/0n04s1Ls/3
    – Deonis
    7 ноя 2014 в 15:43
  • В конце концов, если уж нужны разные имена, то [можно и так][1]: var rad = $('.rad'); rad.on('change', function(){ rad.not(this).prop('checked', false); }); [1]:jsfiddle.net/Deonis/0n04s1Ls/5
    – Deonis
    7 ноя 2014 в 15:46
  • В хроме и фф нельзя снять выделение
    – knes
    7 ноя 2014 в 15:46

1 ответ 1

2

@knes, задача неординарная, поэтому я бы не сказал, что у вас какой-то *овнокод. Может быть записать по другому, но смысл не меняется. Ну и всё-таки полям дать одно имя:

var stat = false;
$('.rad').on({
    mousedown: function(){
        stat = $(this).prop('checked');
    },
    click: function(e){
        if(stat) $(this).prop('checked', false);
    }
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.