引用js实现checkbox批量选中
生活随笔
收集整理的這篇文章主要介紹了
引用js实现checkbox批量选中
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>checkbox全選</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><style type="text/css"></style><script type="text/javascript"></script></head><body><table style="border:1px solid red;"> <tr><th style="background-color:#f7f7f7;width:8%;text-align:center;" class="lf"><input name='chkAll' type='checkbox' id='chkAll' onClick="checkAll(this, 'id[]')" value='checkbox' /> 全選</th><th style="background-color:#f7f7f7;width:8%;" class="lf">商品編號(hào)</th><th style="background-color:#f7f7f7;width:13%;" class="lf">名稱</th><th style="background-color:#f7f7f7;width:18%;" class="lf">標(biāo)題</th> <th style="background-color:#f7f7f7;width:8%;" class="lf">品牌</th><th style="background-color:#f7f7f7;width:8%;" class="lf">組別</th> </tr><tr><td class="lf" style="text-align:center;"><input name='id[]' type='checkbox' value='{id}' onClick="checkItem(this, 'chkAll')"></td><td class="lf">001</td><td class="lf">002</td><td class="lf">003</td><td class="lf">004</td><td class="lf">005</td> </tr> <tr><td class="lf" style="text-align:center;"><input name='id[]' type='checkbox' value='{id}' onClick="checkItem(this, 'chkAll')"></td><td class="lf">001</td><td class="lf">002</td><td class="lf">003</td><td class="lf">004</td><td class="lf">005</td> </tr> <tr height="45"><td colspan="10" style="text-align:left;padding-left:40px;"><input type="button" id="btn_show" value="批量展示" style="width:100px;margin-left:20px;"></td> </tr></table>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="checkbox.js"></script>
<script type="text/javascript">/*var ids = [];$('#btn_show').click(function(){btnCheck('展示');data = {"ids":ids};$.ajax({type:"POST",url:"{:U('Mall/GoodsShow')}",data:data,//dataType:"json",
success:function(msg){if(msg == 00){alert("批量展示成功");window.location.href='/index.php/Admin/Mall/MallList';}else{alert("批量展示失敗，請(qǐng)重新編輯");}},error:function(){alert("批量編輯失敗，請(qǐng)重新編輯");}}); });function btnCheck(info){var obj = $("input[name='id[]']:checked").each(function(){ids.push($(this).val());});if (ids == false) {alert("請(qǐng)選定要"+info+"的商品");return false;}else {return ids; }}
*/ </script></body> </html>
*/ </script></body> </html>
?
總結(jié)
以上是生活随笔為你收集整理的引用js实现checkbox批量选中的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： myeclipse部署ssh项目工程
- 下一篇： try_module_get和modul