Question

是的，我正在测试要在我的网站中使用的一些代码。我想在我的jquery代码中选择多个名称。但这似乎不起作用。

这个想法是，人们只能选择两个复选框组中的一个，但似乎只使用了复选框-1组中的代码

我的代码：

<input type="checkbox" name="checkbox-1" />
<input type="checkbox"name="checkbox-1" />
<input type="checkbox"name="checkbox-1" />
<input type="checkbox"name="checkbox-2" /><br>
<input type="checkbox"name="checkbox-2" />
<input type="checkbox"name="checkbox-2" />
<input type="checkbox"name="checkbox-2" />
<input type="checkbox"name="checkbox-2" />

JavaScript：

$('input[name="checkbox-1"], input["name="checkbox-2"]').on('change', function() {
   $('input[name="checkbox-1"], input["name="checkbox-2"]').not(this).prop('checked', false);
});

jsfiddle：http://jsfiddle.net/57tr36kv/2/

我尝试过在名称前没有输入INPUT，但是它仍然没有执行应有的功能。

Answer 1

您的问题出在选择器input["name="checkbox-2"]上-名称前不应有"：

$(document).ready(function() {
  $('input[name="checkbox-1"], input[name="checkbox-2"]').on('change', function() {
    $('input[name="checkbox-1"], input[name="checkbox-2"]').not(this).prop('checked', false);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="checkbox" name="checkbox-1" />
<input type="checkbox" name="checkbox-1" />
<input type="checkbox" name="checkbox-1" />
<input type="checkbox" name="checkbox-2" /><br>
<input type="checkbox" name="checkbox-2" />
<input type="checkbox" name="checkbox-2" />
<input type="checkbox" name="checkbox-2" />
<input type="checkbox" name="checkbox-2" />

jQuery：多名称选择器不起作用

1 个答案: