Я хорошо знаю, что использование функции «Показать/скрыть» дало ответ, когда дело доходит до переключателей, но я искал решение своей проблемы повсюду. То, что я пытаюсь сделать, это создать форму, в которой у посетителя есть несколько вариантов на выбор, они нажимают один из указанных вариантов, он отображает скрытый div, а внутри этого div он дает посетителю больше возможностей для выбора. Здесь я столкнулся с проблемой. Я хотел бы сделать так, чтобы первый скрытый div, который отображается, оставался показанным после того, как один из параметров внутри этого div выбран для отображения того, что скрывает эта кнопка.
Вот jfiddle для того, над чем я сейчас работаю - http://jsfiddle.net/UDEQZ/
Вот html
<input name="pagetype" type="radio" onclick="show(0)" />First
<input name="pagetype" type="radio" onclick="show(1)" />Second
<input name="pagetype" type="radio" onclick="show(2)" />Third
<p></p>
<div id="d0" class="CF" style="display:none;">Select One:
<p></p>
<input name="pagetype" type="radio" onclick="show(3)" />One
<input name="pagetype" type="radio" onclick="show(4)" />Two
<input name="pagetype" type="radio" onclick="show(5)" />Three
<input name="pagetype" type="radio" onclick="show(6)" />Four
<input name="pagetype" type="radio" onclick="show(7)" />Five
<input name="pagetype" type="radio" onclick="show(8)" />Six
<input name="pagetype" type="radio" onclick="show(9)" />Seven</div>
<div id="d1">Two</div>
<div id="d2">Three</div>
<div id="d3">Hazaa</div>
<div id="d4">Bazinga</div>
<div id="d5">Hazaa</div>
<div id="d6">Bazinga</div>
<div id="d7">Hazaa</div>
<div id="d8">Bazinga</div>
<div id="d9">Hazaa</div>
И вот скрипт, который я использую
function show(number) {
"use strict";
var el, i = 0;
while (el = document.getElementById("d" + (i++))) {
el.style.display = "none";
}
document.getElementById('d' + number).style.display = "block";
}
Что касается HTML, я попытался сделать одну вещь, которая, по моему мнению, должна была сработать, была с onclick="show(3)"
. Я изменил ее на onclick="show(0, 3)"
. Но когда вы щелкнули переключатель с надписью One рядом с ней, ничего не произошло.
Я все еще новичок в javascript/jquery, и я видел, как show/hide используется для многих задаваемых вопросов с переключателями, но мне еще предстоит увидеть решение или даже вопрос, относящийся к моей проблеме. Я пробовал несколько разных вариантов, запуская его через массив (все еще что-то вроде этого, ха-ха), используя функцию «показать/скрыть» и множество других способов, которые были описаны здесь и на других сайтах. По какой-то причине мне кажется, что решение чрезвычайно простое, и я просто был слишком глуп, чтобы увидеть его опубликованным или пропущенным прямо над ним.
elem
, используйтеelem.getAttribute("checked")
. чтобы проверить, проверен лиelem
или не использоватьelem.checked
, см. документ api.jquery.com/attr - person epsilones   schedule 09.07.2013