javascript - 标签的简单 html/jquery 问题

Question

我正在尝试使用此处提供的解决方案(感谢 stackoverflow :-))，但我无法在我的网站上使用它。目标是让单选按钮在单击时会打开一个包含更多文本和复选框的 div。为此，我包含了 jquery 库:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

和脚本:

<script type="text/javascript">
    $(function() {
        $("[name=toggler]").click(function(){
                $('.toHide').hide();
                $("#blk-"+$(this).val()).show('slow');
        });
     });
</script>

在我的标题中。

代码如下:

<div style='padding-left:20px;'>
    <h2>Please select one of the following options: A, B or C</h2>
    <br>
    <br>
    <form name='wtfpol'>
        <label>
            <input type='radio' name='toggler' value='1' id='1' />OPTION A:</label>
        <br />
        <br>
        <label>
            <input type='radio' name='toggler' value='2' id='2' />OPTION B: >
        </label>
        <br />
        <br>
        <label>
            <input type='radio' name='toggler' value='3' id='3' />OPTION C: I</label>
        <br />
        <br>
</div>
<div id='blk-1' class='toHide' style='display:none; padding-left:20px;'>
    blah blah blah
</div>

<div id='blk-2' class='toHide' style='display:none; padding-left:20px;'>
    blah blah blah 2
</div>
<div id='blk-3' class='toHide' style='display:none; padding-left:20px;'>
    blah blah blah 2
</div>

---

我错过了什么？感谢您的帮助!

Answer 1

您的代码确实有效，只是没有包含 jQuery 库!

https://jsfiddle.net/zhpwLoj5/

在 HTML 的头部添加 jQuery:

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>