Jqueryでカンマで区切られたテキストボックスの値に基づいてチェックボックスを選択する方法は？

Question

（1,2,3、..）のようにカンマ（、）で区切られたテキストボックスのidパスに基づいてチェックボックスを選択します。 これをjqueryでどのように達成できますか？

function cblist_check() { 
 

 
    if ($('input[type=text][id$=rate]').val() != "") { 
 
    var arrate = $('input[type=text][id$=rate]').val().split(','); 
 
    for (var i in arrate) { 
 
     $('[id$=listRates] input[type=checkbox]').attr("checked") 
 

 
    } 
 

 
    } 
 

 
}

<div style='position:relative;'> 
 
    <input type='checkbox' id='1' data-display-name='Rack/General' /> 
 
    <label for='1'>Rack/General</label> 
 
    <img id='img_1' class='checkboxFixIconLeft' /> 
 
</div> 
 
<div style='position:relative;'> 
 
    <input type='checkbox' id='4' data-display-name='Government' /> 
 
    <label for='4'>Government</label> 
 
    <img id='img_4' class='checkboxFixIconLeft' /> 
 
</div> 
 
<div style='position:relative;'> 
 
    <input type='checkbox' id='6' data-display-name='Package' /> 
 
    <label for='6'>Package</label> 
 
    <img id='img_6' class='checkboxFixIconLeft' /> 
 
</div> 
 
<div style='position:relative;'> 
 
    <input type='checkbox' id='3' data-display-name='Family' /> 
 
    <label for='3'>Family</label> 
 
    <img id='img_3' class='checkboxFixIconLeft' /> 
 

 

 
</div>

Answer 1

あなたが個別にチェックアレイとセットを反復処理する必要はありません。迅速な対応に感謝し、私は、関数cblist_checkを呼び出すことができますどのように、以下の私のhtmlコードを見てください（ -

var arrate = $('input[type=text][id$=rate]').val().split(','); 
var targetcheckboxes =$.map(arrate, function(i) { return document.getElementById(i) }); 
$(targetcheckboxes).prop('checked', true); 

Answer 2

あなただけ＃セレクタと値を連結する必要が

、

var arrate = $('input[type=text][id$=rate]').val().split(','); 
for (var i in arrate) { 
    $('#' + arrate[i]).prop("checked",true) 
} 

Fiddle

Answer 3

function cblist_check() { 
    var s = ',' + $('input[type=text][id$=rate]').val() + ','; 
    $('input[type=checkbox]').each(function(i, x){ 
     $(x).prop("checked", s.indexOf(',' + $(x).attr('id') + ',') > -1); 
    }); 
}