需要使用jQuery

在CheckboxGroup做出選擇我有一個<CheckboxGroup>如下：需要使用jQuery

<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進行檢查。我對我有相應的值1,3。

檢查我的小提琴：FIDDLE

來源

2016-01-04 Santhucool

可以是那些使用屬性選擇器選擇和使用.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

來源

2016-01-04 12:20:05

謝謝哥們。我還有一個疑問，我從ajax獲得了1,2個，還有其他方面，以便我可以直接通過這個？ – Santhucool

@Santhucool你怎麼得到1，2？作爲一個字符串？ –

是的好友，你是現貨！ Yah它正在作爲一個字符串 – Santhucool

假設數組有字符串值，可以使用下面的代碼：

$(document).ready(function() { 
 
    //init an array with the values from OP 
 
    var values = ["1", "3"]; 
 
    //iterate through each checkbox 
 
    $("CheckboxGroup[name='permitted'] :checkbox").each(function() { 
 
    //if value exist in array change the status of the checkbox 
 
    $(this).prop("checked", values.indexOf(this.value) !== -1); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

來源

2016-01-04 12:28:27

需要使用jQuery

回答

相關問題