Сделать неконтролируемые радиокнопки и связанный текст исчезнуть?

Question

Скажите, у меня есть 2 набора из 3 переключателей с одинаковым именем.Давайте назовем их «set1» и «set2».

Что я хочу сделать, это 1: когда пользователь нажимает мою кнопку CallFunction (), все переключатели исчезают (или становятся неактивными) и 2: толькотекст невыбранных опций (справа от радио в HTML) исчезнет, ​​а выбранные пользователем настройки остаются видимыми.

Пожалуйста, помогите, я начинаю думать, что это невозможно без смешного количества getElementByIds ...

... или я должен отказаться от той же идеи страницы и просто использовать Submit?

Answer 1

как насчет этого?http://jsfiddle.net/yyACY/

HTML

<input type="button" id="butt" value="CallFunction()   :P" />
<div id="rads">
    <input type="radio" class="rad" name="set1" value="1" /><span class="set1">1</span><br />
    <input type="radio" class="rad" name="set1" value="2" /><span class="set1">2</span><br />
    <input type="radio" class="rad" name="set1" value="3" /><span class="set1">3</span><br /><br />
    <input type="radio" class="rad" name="set2" value="1" /><span class="set2">1</span><br />
    <input type="radio" class="rad" name="set2" value="2" /><span class="set2">2</span><br />
    <input type="radio" class="rad" name="set2" value="3" /><span class="set2">3</span><br /><br />
</div>

JavaScript (Jquery)

$("#butt").click(function(){
    $("#rads").css('display', 'none');
});

$(".rad").click(function(){
    var spans = "." + $(this).attr("name");
    $(spans).css('display', 'none');
    $(this).next().css('display', '');
});