checkbox遍历操作, 提交所有选中项的值

<div class="content_list pad_10 hidden" >
        
            <h3>修改可配送地区</h3>
            <input type="checkbox" name="checkall" class="J_checkall">全选/取消<br>
            
            <volist name="city_list" id="val" mod="5">
                <input type="checkbox" name="city_name[]" value="{$val.fid}" class="J_checkitem">
                    {$val.name} 
                <eq name="mod" value="4"><br/></eq>
            </volist>
                 
    </div>

 

<script type="text/javascript">
//全选反选
$(\'.J_checkall\').live(\'click\', function(){
    $(\'.J_checkitem\').prop(\'checked\', this.checked);
    $(\'.J_checkall\').prop(\'checked\', this.checked);
});
var city_data = {$info[\'city_data\']?$info[\'city_data\']:json_encode(array())};
var city_fids = new Array();
$.each(city_data,function(idx,obj){
    city_fids.push(obj.fid);
});

$(\'.J_checkitem\').each(function(){
    //window.alert($.inArray($(this).val(),city_fids));
    if($.inArray($(this).val(),city_fids)>=0){
        $(this).prop("checked",true);
    }
    
});
</script>

上面的实现依赖 <script src="__STATIC__/js/jquery/plugins/listTable.js"></script>

 

 

提交所有选中项checkbox的值

var checked_array = [];
function do_checked(){
    checked_array = [];
    $(\'input[type=checkbox]:checked\').each(function(i,o){
        checked_array.push(o.value);
    });
    $(\'#selected_ids\').val(checked_array.join(\',\'));
}

html 页面

<form>
<input type="hidden" name="selected_ids" id="selected_ids" value="" />

<td align="center"><input type="checkbox" class="J_checkitem" value="{$val.id}"></td>
<td align="center"><input type="checkbox" class="J_checkitem" value="{$val.id}"></td>
<td align="center"><input type="checkbox" class="J_checkitem" value="{$val.id}"></td>
<td align="center"><input type="checkbox" class="J_checkitem" value="{$val.id}"></td>
<td align="center"><input type="checkbox" class="J_checkitem" value="{$val.id}"></td>


</form>