javascript - 使用数据库中文本框内的复选框自动搜索

Question

我可以将值从数据库加载到文本框...所以现在命名为 auto..从这里我想创建一个带有多个复选框的自动搜索以在文本框 java 脚本中选择多个值...它可能...??

<form name="form1">
   <input type="checkbox" name="checkboxname" value="a">
   <input type="checkbox" name="checkboxname" value="b">
   <input type="checkbox" name="checkboxname" value="c">
</form>

<form name="form2">
    <input type="text" name="textname">
</form>

var textbox = document.getElementsByName("textname")[0];
var checkboxes = document.getElementsByName("checkboxname");
for (var i = 0; i < checkboxes.length; i++) {
    var checkbox = checkboxes[i];
    checkbox.onclick = (function(chk){
        return function() {
            var value = "";
            for (var j = 0; j < checkboxes.length; j++) {
                if (checkboxes[j].checked) {
                    if (value === "") {
                        value += checkboxes[j].value;
                    } else {
                        value += "," + checkboxes[j].value;
                    }
                }
            }
            textbox.value = value;
        }
    })(checkbox);
}       

Answer 1

尝试这个，

<form name="form1" class="form_chk">
   <input type="checkbox" name="checkboxname" value="a" class="chk_box">a
   <input type="checkbox" name="checkboxname" value="b" class="chk_box">b
   <input type="checkbox" name="checkboxname" value="c" class="chk_box">c
</form>

$( "#txt_search" ).blur(function(e) {
  var $search = $(e.currentTarget),
  search_str = $search.val().toLowerCase(), $chk,

  $chk_ele = $('.chk_box').filter(function(index, chk){
if($(chk).val().toLowerCase().search(search_str) !== -1){
    return $(chk);  
}
  }); 
  $('.chk_box').prop('checked', false);
  $chk_ele.prop('checked', true);   
});

查看输出：http: //jsfiddle.net/J7dUz/