Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Выбор нужного "radio" по клику


Автор: finogeev 4.6.2013, 09:00
Сильно не ругайтесь (на новичка), не могу понять почему данный код у меня отрабатывает только один раз.
Т.е. каждый клик отрабатывает только один раз и всё.

http://jsfiddle.net/CrfCX/

Код

<a class="btn" id="reg1" rel="btn_region" href="#">Выбрать №3</a>
<a class="btn" id="reg2" rel="btn_back" href="#">Выбрать №1</a>
<br><br>            
<input type="radio" name="radio-set" id="st1"/> №1    
<input type="radio" name="radio-set" id="st2"/> №2


Код

$(document).ready(function() { 

        $("#reg1").click(function() {    
            $("#st2").attr("checked", "checked");
        });
        
        
        $("#reg2").click(function() {    
            $("#st1").attr("checked", "checked");
        });            
});

Автор: Amphiluke 4.6.2013, 20:18
Используйте метод http://api.jquery.com/prop/ для этих целей, а не .attr(). Атрибут — это в большей степени статическая характеристика HTML-объекта, которая обычно устанавливается для тега однократно и затем только считывается. Конечно, возможность устанавливать значение атрибута, удалять, добавлять его предусмотрена в самом DOM (кстати, атрибуты являются узлами, т.е. реализуют интерфейс Node), но на самом деле, это нечасто бывает необходимо, в отличие от JavaScript-свойств. Свойство (property) — это, если можно так сказать, более динамическая характеристика объекта, реализующего определенный интерфейс DOM. Она может быть логически связана с соответствующим атрибутом, но может быть установлена в совсем другое значение и при этом отражать истинное состояние объекта.
Вот сравните: http://jsfiddle.net/XGhwa/


Этот ответ добавлен с нового Винграда - http://ru.vingrad.com//object-id51ad831c6ccc191d7e000002#findElement_E7045_51ae21776ccc19870800097f_0

Автор: finogeev 5.6.2013, 08:31
Спасибо большое ...

Этот ответ добавлен с нового Винграда - http://ru.vingrad.com//object-id51ad831c6ccc191d7e000002#findElement_E7045_51aecd176ccc19a421000339_0

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)