javascript - データベースからのテキストボックス内のチェックボックスによる自動検索

Question

データベースからテキストボックスに値をロードすることができます...そのため、自動という名前が付けられました..これから、複数のチェックボックスを備えた自動検索を作成して、テキストボックスの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/