CheckBox无法使用jQuery自动完成功能

时间:2013-05-22 12:54:12

标签: javascript jquery jquery-plugins autocomplete

我正在使用jQuery的自动完成插件来创建清单。 有一系列的问题,但幸好得到了解决方案除了1。 我的问题是,当我点击任何复选框时,它不会保持其状态。 另外,如果单击列表项,我还要勾选复选框。

HTML:

<input type='text' id='inTestField' name ='inTestField' />
<input type='hidden' id='TestField' name ='TestField' />

JS:

var cache = {},lastXhr,selectedItems;
var autoComplete = jQuery( '#inTestField').autocomplete
({
    minLength: 1,
    source : function( request, response ) {
        var term = request.term;
        type:'post';
        // ajax request to server

    },
    delay: 800,
    autoSelect :true,
    open: 
        function( event, ui ){
        selectedItems = new Array();
    }
});
autoComplete.data('autocomplete').menu.options.selected = function(event, ui) { 
    var item = ui.item.data( 'item.autocomplete' ); 
    if(!(item.value == '')){
        selectedItems.push(item.value);
        selectedItems = selectedItems.filter(function(elem, pos, self) {
            return self.indexOf(elem) == pos;
        });
        document.getElementById('TestField').value = selectedItems;
        jQuery(this).val(selectedItems.length + 'items selected'); 
    }
    autoComplete.focus(); 
    return false;
};
autoComplete.data( "autocomplete" )._renderItem = function( ul, item ) {
    return jQuery( "<li></li>" )
    .data( 'item.autocomplete', item )
    .append( '<a><input type="checkbox" id="autoCheck_'+item.value+'"  />&nbsp;&nbsp;' + item.label + '</a>' )
    .appendTo( ul );
};

enter image description here

请建议所需的任何更改 提前致谢

0 个答案:

没有答案