在web開(kāi)發(fā)中，經(jīng)常需要使用復(fù)選框進(jìn)行多選操作，而easyui是一個(gè)非常流行的前端框架，提供了多種UI組件，包括復(fù)選框。而有些時(shí)候，我們需要根據(jù)后臺(tái)傳來(lái)的json數(shù)據(jù)來(lái)設(shè)置復(fù)選框的選中狀態(tài)，下面介紹一下如何使用easyui根據(jù)json字段選中復(fù)選框。

//HTML代碼
<div id="checkbox-group">
<input type="checkbox" name="option1" value="1">選項(xiàng)一</input>
<input type="checkbox" name="option2" value="2">選項(xiàng)二</input>
<input type="checkbox" name="option3" value="3">選項(xiàng)三</input>
<input type="checkbox" name="option4" value="4">選項(xiàng)四</input>
</div>
//JS代碼
var json = {option1:true,option4:true};
$.each(json,function(key,value){
$('input[name="'+ key +'"]').prop('checked',value);
});

在上面的代碼中，我們首先定義了一個(gè)含有多個(gè)復(fù)選框的div，然后定義了一個(gè)json變量，里面存了一些復(fù)選框的選中狀態(tài)，key代表選項(xiàng)的name屬性，value為true表示該選項(xiàng)被選中，為false則表示不選中。然后通過(guò)jquery的each方法遍歷這個(gè)json，根據(jù)name屬性選中或取消復(fù)選框。

這樣，我們就可以根據(jù)后臺(tái)傳來(lái)的json數(shù)據(jù)來(lái)選中復(fù)選框了。