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

auto search with checkbox inside textbox from databases

本文关键字：复选框 搜索 数据库 中文 文本      更新时间：2023-09-26

我可以将值从数据库加载到文本框...所以现在命名为自动。由此我想创建一个带有多个复选框的自动搜索，以在文本框 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);
}

试试这个，

<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/

相关文章：