禁用具有相同阵列名称的所有输入

Question

是否可以使用jQuery css之类的选择器？

<input type="text" name="user[name]" />
<input type="text" name="user[age]" />
<input type="text" name="user[height]" />

我在考虑像

这样的东西

$('[name="user"]´).prop('disabled', true);

Answer 1

您可以使用'属性开头'选择器来实现您的需求：

$('[name^="user"]').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="text" name="user[name]" />
<input type="text" name="user[age]" />
<input type="text" name="user[height]" />

请注意^=运算符。 jQuery documentation

中的更多信息

Answer 2

是的，您可以使用^=运算符执行此操作

＆＃13;

＆＃13;

$('input[name^="user"]').prop('disabled', true);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="user[name]" />
<input type="text" name="user[age]" />
<input type="text" name="user[height]" />

＆＃13;

＆＃13;

＆＃13;

P.S。 $('[name="user"]´) ] ´之后的'

结尾处有url-loader的拼写错误