2

我试图让输入复选框触发问题的 b 版本是否出现。如果他们选择从不，它就会消失。我正在使用两个类来听。单击 .showb 时，找到下一个 .bques 并显示它。单击 .hidb 后，找到下一个 .bques 并将其隐藏。似乎很容易，但我正在抨击为什么它不起作用。请帮忙。

使用$("p").next(".bques").show("fast"); 而不是$(this).next(".bques").show("fast"); 显示页面上的所有 b 问题。我也试过.nextAll没有运气。为什么这不起作用？是孩子兄弟姐妹的问题吗？

代码：

<!DOCTYPE html>
<html>
<head>
<style>
div { background:#def3ca; margin:3px; width:80px; 
display:none; float:left; text-align:center; }.bques{display:none;}
</style>
<script src="jquery-1.4.2.min.js"></script>
<script>$().ready(function() {

$(".showb").click(function () { $(this).next(".bques").show("fast"); });
$(".hidb").click(function () { $(this).next(".bques").hide("fast"); });

});
</script>
</head>
<body>
<p><strong>8a.</strong> How frequently do you see someone take a shortcut that could be dangerous for patients (for example, not washing hands long enough, not changing gloves when appropriate, failing to check armbands, forgetting to perform a safety check)? <br />
<input type="radio" name="shortcut" value="1" id="never8"  tabindex="38" class="required hidb" title="Please choose one of these answers." /><label for="never8"> Never</label> <br />
<input type="radio" name="shortcut" value="2" id="once8"  tabindex="39" class="showb" /><label for="once8"> Once a year</label> <br />
<input type="radio" name="shortcut" value="3" id="twice8"   tabindex="40" class="showb" /><label for="twice8"> Twice a year</label>
</p>

<p class="bques"><strong>8b.</strong> Think of the most recent times you've seen this happen. Who have you spoken with about the problem. Check each box that applies: <br />
<input type="checkbox" name="shortcut_cc[]" value="none" id="none8"   tabindex="44" title="Please choose at least one of these answers." /><label for="none8"> Have not spoken with anyone.</label> <br />
<input type="checkbox" name="shortcut_cc[]" value="ff"  id="ff8"  tabindex="45" /><label for="ff8"> Have spoken with friends and family.</label> <br />
<input type="checkbox" name="shortcut_cc[]" value="coworkers" id="coworkers8" tabindex="46" /><label for="coworkers8"> Have spoken with some of my co-workers.</label> <br />
</p>

<p><strong>9a.</strong>  How frequently do you see a situation where someone might be making a mistake when doing an assessment, doing triage, diagnosing, suggesting treatment/medication options, or performing a procedure? <br />
<input type="radio" name="mistake" value="1" id="never9"   tabindex="51" class="required hidb" title="Please choose one of these answers." /><label for="never9"> Never</label> <br />
<input type="radio" name="mistake" value="2" id="once9"   tabindex="52" class="showb" /><label for="once9"> Once a year</label> <br />
<input type="radio" name="mistake" value="3" id="twice9"   tabindex="53" class="showb" /><label for="twice9"> Twice a year</label> <br />
</p>

<p class="bques">9b. Think of the most recent times you've seen this happen. Who have you spoken with about the problem. Check each box that applies: <br />
<input type="checkbox" name="mistake_cc[]" value="none" id="none9"   tabindex="57" title="Please choose at least one of these answers." /><label for="none9"> Have not spoken with anyone.</label> <br />
<input type="checkbox" name="mistake_cc[]" value="ff"  id="ff9"  tabindex="58" /><label for="ff9"> Have spoken with friends and family.</label> <br />
<input type="checkbox" name="mistake_cc[]" value="coworkers" id="coworkers9" tabindex="59" /><label for="coworkers9"> Have spoken with some of my co-workers.</label>
</p>

</body>
</html>
4

3 回答 3

3

改成

 $().ready(function() {

  $(".showb").click(function () { $(this).parent().next(".bques").show("fast"); });
  $(".hidb").click(function () { $(this).parent().next(".bques").hide("fast"); });

 });
于 2011-05-26T16:57:53.480 回答
1

$(this)正在工作，这是您的使用next不正确。

来自jQuery 文档：

.next( [ 选择器 ] )

获取匹配元素集中每个元素的紧随其后的兄弟。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个兄弟。

没有.hidb与您的选择器匹配的收音机兄弟姐妹。您需要的是父 <p>元素的下一个兄弟。

$(this).parent().next(".bques").hide("fast");

.parent([选择器])

获取当前匹配元素集中每个元素的父元素，可选地由选择器过滤。

调试此类问题的第一步通常是

alert($(this).next(".bques").length);

这表明您的选择器不匹配任何元素。

于 2011-05-26T17:00:17.897 回答
0

是的，这是一个兄弟姐妹的问题。问题是，.showb一旦到达其父p元素中的内容的末尾，它就会停止。所以它会查看跟随对象—— , 的某种组合，<label>直到它到达，此时它停止搜索并且什么都不执行。<br><input></p>show()

你想要类似的东西

$(".showb").click(function () { $(this).parent().next(".bques").show("fast"); });
$(".hidb").click(function () { $(this).parent().next(".bques").hide("fast"); });
于 2011-05-26T16:58:16.057 回答