刚开始玩JQuery时遇到一个让我发疯的问题。 我敢肯定它完全显而易见并且很简单,但是我无法按照已经解决的类似问题来解决它。

我只是想根据单选按钮值的选择隐藏/显示一个部分。

我的HTML:

<div class="Packages">
              <div class="row">
                    <div class="col-sm-10 col-md-3">
                        <div class="thumbnail">
                            <div class="caption">
                                <h3><input id="Studio_PackageId" name="Studio.PackageId" type="radio" value="1" /> Option 1</h3>
                                <hr />
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-10 col-md-3">
                        <div class="thumbnail">
                            <div class="caption">
                                <h3><input id="Studio_PackageId" name="Studio.PackageId" type="radio" value="2" /> Option 2</h3>
                                <hr />
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-10 col-md-3">
                        <div class="thumbnail">
                            <div class="caption">
                                <h3><input id="Studio_PackageId" name="Studio.PackageId" type="radio" value="3" /> Option 3</h3>
                                <hr />
                            </div>
                        </div>
                    </div>
            </div>

    </div>

我的剧本:

<script>
$(document).ready(function () {
    $("input[name$='Studio.PackageId']").click(function () {
        var ID = $(this).val();
        if (ID = 1) {
            $(".TrialSub").hide();
        } else {
            $(".TrialSub").show();
        }
    });
});
</script>

该脚本正在运行,但是无论选择了哪个“单选按钮”,该脚本都会隐藏该部分,因此我猜测ID变量设置不正确,但无法使其正常工作。

非常感谢帮助... TJ

===============>>#1 票数:0 已采纳

使用change事件而不是click

您正在使用= ,但它不是一个等于运算符。 如果要检查变量的值,请使用==

===============>>#2 票数:0

您已为所有输入提供了相同的ID(id =“ Studio_PackageId”),因此,每当单击某个选项时,选择器都会检查所有具有id =“ Studio_PackageId”的输入元素的value属性。

相反,您可以使用选择器来拦截输入元素上的“点击”:

$("input").click(function () {
    var ID = $(this).val();
    if (ID = 1) {
        $(".TrialSub").hide();
    } else {
        $(".TrialSub").show();
    }
});

在任何情况下,为每个元素赋予唯一的ID值将有助于您引用它们,同时仍将它们保留在同一个“单族”单选按钮系列中(所有按钮均具有相同的名称值):

<input id="Studio_PackageId1" name="Studio.PackageId" type="radio" value="1" /> Option 1</h3>
<input id="Studio_PackageId2" name="Studio.PackageId" type="radio" value="1" /> Option 1</h3>
<input id="Studio_PackageId3" name="Studio.PackageId" type="radio" value="1" /> Option 1</h3>

  ask by user4907301 translate from so

未解决问题?本站智能推荐:

2回复

如何基于单选按钮类显示/隐藏div?

我在表单中有这段HT​​ML代码 当用户单击此值时,我想显示一个带有以下类的div:.mydiv 我可以做这样的事情吗:
4回复

jQuery如何选择动态创建的单选按钮

jQuery如何选择动态创建的单选按钮。 我有 我的JAVASCRIPT 我尝试了这个,但是没有用
3回复

如何使用JQuery选择单选按钮的选中值?

尽管有我的研究和努力,但我有一个无法解决的问题。 所以我在这里发布。 我有两个具有相同名称的输入单选按钮元素,分别表示是否正在使用“ Business Bank Account Service : 现在,我还具有以下JQuery函数,该函数应警告此单选的值: var
3回复

jQuery检测加载时是否选择了单选按钮

我正在从下一步按钮中删除禁用的类,当两个单选按钮都被选中时,它工作正常,但问题是当我重新加载页面时,两个单选按钮保持选中但下一步禁用的类不会触发。 反正有没有让它工作onload? 有人可以帮忙吗?
1回复

选择单选按钮以显示“正确”时

我对JS和HTML5有点陌生。 我正在创建一个简单的测验,只是为了它。 我知道需要使每个问题都独立于其他问题而被标记为“正确”。 如何通过JS甚至CSS / HTML5做到这一点? 我有一种需要更改jquery文件的感觉,但是我对如何执行操作有些困惑。 测验就像我想要的那样完美,但是随
1回复

如何为带有图片的单选按钮显示和隐藏标题

我的设计是带有图片的单选按钮。 我想放一个显示和隐藏描述效果。 单击单选按钮后,将显示一个特定的描述,如果单击了另一个单选按钮,则前一个的描述应隐藏,然后显示当前按钮的描述。 这是我的带有图片的单选按钮的html代码: `我们的原料 ` 我的JavaScript代
5回复

选择一个单选按钮以在jquery / javascript中添加另一个输入

我正在尝试通过将所学知识付诸实践来学习jQuery。 所以,这是我的编码问题。 我有两个按钮,一个“是”和一个“否”。 选择“是”单选按钮后,将出现一个新的文本输入。 我的jquery如下: 我的密码笔 我用这个答案在变量中添加了value函数,然后在条件语句中使用
3回复

保持单选按钮默认隐藏在html中,并使用jquery取消隐藏

我想使单选按钮隐藏在html中。 之后,我只想使用jquery取消隐藏其中的几个。 我知道如何取消隐藏使用jQuery。 但是我不知道默认情况下是否可以将它们隐藏在html中。
1回复

如何显示默认值jQuery单选按钮更改事件?

我是新开发者。 我已经创建了更改事件功能两个单选按钮,它们的名称和编号相同且值不同。 我将调用更改事件触发器,但是与单选按钮更改之前未显示与默认值相关的内容。 我该如何解决这个问题? 的HTML jQuery的
2回复

选择另一个单选按钮时启用/禁用单选按钮

现在 1.在选择“其他”单选按钮时,我必须禁用“单选”按钮组,键入“劳动”和“刷新” 选择“税收”时,仅启用“无” 选择“人工”时,禁用“转租”和“其他” 选择“零件”时,仅启用“无” 请帮助编写jQuery。.我是初学者预先感谢