Выбор категорий галочками [DLE 10.2]

$(function() {
var new_box = '', name_select = $('#addnews #category');
if(typeof name_select.attr('name')!=='undefined'){
$.each($('option', name_select),function (i,c) {
if(this.value!=0){
new_box += '<div style="width:200px;float: left;">'
+'<input type="checkbox" name="'+name_select.attr('name')+'" id="chk'+i+'" onclick="onCategoryChange(this);" value="'+this.value+'"'+(this.selected==true ? ' checked' : '')+'>'
+' <label for="chk'+i+'">'+this.text+'</label>'
+'</div>';}});    
name_select.after('<div class="categoryCheckbox">'+new_box+'</div>').remove();
function smartColumns() { 
$(".categoryCheckbox").css({ 'width' : "100%"});  
var colWrap = $(".categoryCheckbox").width();
var colNum = Math.floor(colWrap / 200);
var colFixed = Math.floor(colWrap / colNum);
$(".categoryCheckbox").css({ 'width' : colWrap}); 
$(".categoryCheckbox div").css({ 'width' : colFixed});}  
smartColumns();
$(window).resize(function(){smartColumns();}); 
}
});

<script> 

$(function() {

var new_box = '', name_select = $('#entryform #category');

if(typeof name_select.attr('name')!=='undefined'){

$.each($('option', name_select),function (i,c) {

if(this.value!=0){

new_box += '<div style="width:200px;float: left;">'

+'<input type="checkbox" name="'+name_select.attr('name')+'" id="chk'+i+'" onclick="onCategoryChange(this);" value="'+this.value+'"'+(this.selected==true ? ' checked' : '')+'>'

+' <label for="chk'+i+'">'+this.text+'</label>'

+'</div>';}});    

name_select.after('<div class="categoryCheckbox">'+new_box+'</div>').remove();

function smartColumns() { 

$(".categoryCheckbox").css({ 'width' : "100%"});  

var colWrap = $(".categoryCheckbox").width();

var colNum = Math.floor(colWrap / 200);

var colFixed = Math.floor(colWrap / colNum);

$(".categoryCheckbox").css({ 'width' : colWrap}); 

$(".categoryCheckbox div").css({ 'width' : colFixed});}  

smartColumns();

$(window).resize(function(){smartColumns();}); 



}



});



</script>

<script type="text/javascript">
$(function(){
    $('#category').chosen({allow_single_deselect:true, no_results_text: 'Ничего не найдено'});
});
</script>

<div class="story">
 <div class="full-story">
  <div class="post-title">Публикация новости на сайте</div>
 <div class="spacer"></div>
<div class="line">
<h>Заголовок:</h>
<input type="text" id="title" name="title" value="{title}" maxlength="150" class="f_input" /> <input class="bbcodes" style="height: 22px; font-size: 11px;" title="Проверить доступность логина для регистрации" onclick="find_relates(); return false;" type="button" value="Найти похожие" /><span id="related_news"></span>
</div>

<div class="line">
[urltag]
<h>URL статьи:</h>
<input type="text" name="alt_name" value="{alt-name}" class="input1">
[/urltag]
</div>

<div class="line">
<h>Категория:</h>
{category}
</div>

<div class="line">
<h></h>
<a href="#" onclick="$('.addvote').toggle();return false;">Добавить опрос</a>
</div>
<div class="addvote" style="display:none;" class="line">
<h>Заголовок опроса:</h>
<input type="text" name="vote_title" value="{votetitle}" maxlength="150" class="f_input" />
</div>
     <br />
<div class="addvote" style="display:none;" class="line">
<h>Вопрос:</h>
<input type="text" name="frage" value="{frage}" maxlength="150" class="f_input" />
</div>
<div class="addvote" style="display:none;" class="line">
<h>Варианты ответов:<br /><br />Каждая новая строка является новым вариантом ответа</h><br />
    <textarea name="vote_body" rows="10" style="width:380px;" class="f_textarea" >{votebody}</textarea><br /><input type="checkbox" name="allow_m_vote" value="1" {allowmvote}> Разрешить выбор нескольких вариантов

     </div>


 <table width="100%">
{xfields}
    
</table> 
     <div class="row">
<h>фильм / сериал: (обязательно)</h><br><br>
[not-wysywyg]
<div class="bb-editor">{bbcode}</div>
[/not-wysywyg]
[not-wysywyg]<textarea class="txsh" name="short_story" id="short_story" onclick=setFieldName(this.name) style="width:99%; height:160px; font-family:verdana; font-size:11px; border:1px solid #aaa; ">{short-story}</textarea>
[/not-wysywyg]
</div>
{shortarea}

     
<div class="row">
<h>Ключевые слова для облака тегов:</h>
<input class="txsh" type="text" id="tags" autocomplete="off" name="tags" value="{tags}" maxlength="150" style="width:60%; height:18px; font-family:tahoma; font-size:11px; border:1px solid #aaa; margin-left:10px;" />
 </div>
    <br>
        
[question]
<div class="line">
<h>Вопрос:</h>
{question}<br><br>     
<h>Ответ:</h>
<input type="text" name="question_answer" id="question_answer" class="f_input" />
</div>
[/question]

<div class="line">
[sec_code]            
Код:
<br />{sec_code}
<br>
Введите код:<br>
<input class="txsh"  type="text" name="sec_code" id="sec_code" style="width:115px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" />
[/sec_code]
[recaptcha]
<br>
Введите два слова, показанных на изображении:<br>
{recaptcha}
[/recaptcha]<br>

{admintag}
</div>
</div>
<input class="vbutton" type="submit" name="add" value="Добавить">
<input class="vbutton" type="button" name="nview" onclick="preview()" value="Просмотр">
<br>
<br>
 </div>