Question

我的文本框名称是
exm：<input name="packageconfigoption[2]" size="20" value="" type="text"> packageconfigoption [X]，X是一个数字，而没有ID
如何显示和隐藏此名称的输入？
我使用此代码，但没有工作，有语法错误

    $('input[packageconfigoption[6]]').click(function() {
    if($(this).val() == "Exm1") {
        $('input[packageconfigoption[13]]').hide();
    } else {
        $('input[packageconfigoption[8]]').show();
    }
    });

我想如果packageconfigoption [8]值改变了，packageconfigoption [x]隐藏或显示

Answer 1

您在查询中使用的正确选择器将是input[name="packageconfigoption[6]"]等，而不是您目前拥有的选择器。

换句话说，属性名称name是括号内的内容，然后通过=符号将其设置为属性值：

element[attribute="attribute_value"]

现在您所拥有的是查询input元素的查询，其属性为packageconfigoption[6]，而不是name的属性，其值等于packageconfigoption[6]。

Answer 2

您可以使用Attribute Equals Selector [name=”value”]：

这样使用

$('input[name="packageconfigoption[6]"]').click(function () {
    if ($(this).val() == "Exm1") {
        $('input[name="packageconfigoption[13]"]').hide();
    } else {
        $('input[name="packageconfigoption[8]"]').show();
    }
});

如何使用jquery显示/隐藏文本框名称？

2 个答案: