js模糊查詢實例分享

首先要明白什麼是模糊查詢（廢話又來了），就是根據關鍵字把列表中符合關鍵字的一項或某項羅列出來，也就是要檢查列表的每一項中是否含有關鍵字，因此抽像一下就是一個字串中是否含有某個字元或字串。

以下例子沒有接觸到後台資料的知識，只是查詢目前表格中每一行所包含的關鍵字。

用到的方法為：string.indexOf(''); 找出字串中某個字元的位置，而如果沒有目標字元會回傳-1。

實現代碼：

<meta charset="UTF-8">
<title></title>
<table id="Result1">
  <tbody><tr>
    <th></th>
    <th>账户名称</th>
    <th>账户</th>
    <th>户名简称</th>
    <th>开户行号</th>
    <th>开户行名称</th>
    <th></th>
  </tr>
  <tr class="dim-check">
    <td></td>
    <td><input type="text" maxlength="50" id="accountNameStr" name="1" value=""></td>
    <td><input type="text" maxlength="50" id="accountNoStr" name="2" value=""></td>
    <td><input type="text" maxlength="50" id="accountShortStr" name="3" value=""></td>
    <td><input type="text" maxlength="50" id="branchBankNoStr" name="4" value=""></td>
    <td><input type="text" maxlength="50" id="branchBankNameStr" name="5" value=""></td>
  </tr>
  <tr>
    <td><input type="radio" name="accounts" value="634"></td>
    <td>安顺账号1</td>
    <td>060156300000123</td>
    <td>简称123</td>
    <td>31375635312</td>
    <td>中国银行股份有限公司</td>
  </tr>
  <tr>
    <td><input type="radio" name="accounts" value="634"></td>
    <td>安顺账号2</td>
    <td>0601001100000123</td>
    <td>安顺账号2-简称123</td>
    <td>3137565012</td>
    <td>南京银行股份有限公司</td>
  </tr>
  <tr class="">
    <td><input type="radio" name="accounts" value="634"></td>
    <td>安顺账号3</td>
    <td>0601001154520123</td>
    <td>安顺账号215</td>
    <td>38968599012</td>
    <td>建行有限公司</td>
  </tr>
</tbody></table>

以上就是本文的全部內容，希望本文的內容對大家的學習或工作能帶來一定的幫助，同時也希望多多支持PHP中文網！

更多js模糊查詢實例分享相關文章請關注PHP中文網！