jquery - 需要使用 jQuery 在 CheckboxGroup 中进行选择

Question

我有一个<CheckboxGroup>如下:

<CheckboxGroup name="permitted">
  <input type="checkbox" value="1" />Orders
  <input type="checkbox" value="2" />Production
  <input type="checkbox" value="3" />Dispatch
  <input type="checkbox" value="4" />Returns
  <input type="checkbox" value="5" />Sundry
  <input type="checkbox" value="6" />Collection
  <input type="checkbox" value="7" />Pending Amount
  <input type="checkbox" value="8" />Pending Bills
  <input type="checkbox" value="9" />Ledger
  <input type="checkbox" value="10" />Day Book
</CheckboxGroup>

我正在尝试从中选中一些复选框，

假设我需要使用 jQuery 检查 Orders,Dispatch。我有相应的值 1,3。

检查我的 fiddle :FIDDLE

Answer 1

您可以使用属性选择器选择它们，并使用 .prop() 来选中复选框:

$('[value="1"], [value="3"]').prop("checked", true);

$('[value="1"], [value="3"]').prop("checked", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" value="1" />Orders
<input type="checkbox" value="2" />Production
<input type="checkbox" value="3" />Dispatch
<input type="checkbox" value="4" />Returns
<input type="checkbox" value="5" />Sundry
<input type="checkbox" value="6" />Collection
<input type="checkbox" value="7" />Pending Amount
<input type="checkbox" value="8" />Pending Bills
<input type="checkbox" value="9" />Ledger
<input type="checkbox" value="10" />Day Book

更新

从 AJAX 中，您可以这样做:

$(function () {
  valuesFromAjax = "1,2";
  valuesFromAjax = valuesFromAjax.split(",");
  valuesFromAjax.map(function (Id) {
    $('[value="' + Id + '"]').prop("checked", true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" value="1" />Orders
<input type="checkbox" value="2" />Production
<input type="checkbox" value="3" />Dispatch
<input type="checkbox" value="4" />Returns
<input type="checkbox" value="5" />Sundry
<input type="checkbox" value="6" />Collection
<input type="checkbox" value="7" />Pending Amount
<input type="checkbox" value="8" />Pending Bills
<input type="checkbox" value="9" />Ledger
<input type="checkbox" value="10" />Day Book