javascript 复选框选择/全选后特效

运行效果
</p> <p>@charset "utf-8";<br /> .content form {<br /> margin:0;<br /> }<br /> table {<br /> border:1px solid #ccc;<br /> background:#e4e4e4;<br /> }<br /> td {<br /> border-top:1px solid #ccc;<br /> background:#fff;<br /> font-size:12px;<br /> }<br /> th,td,.quantity {<br /> text-align:center;<br /> font-family:arial, helvetica, sans-serif;<br /> }<br /> .price {<br /> width:11%;<br /> text-align:right;<br /> }<br /> .whl {color:#090;cursor:help}<br /> .stotal {<br /> text-align:right;<br /> width:15%;<br /> }<br /> .quantity {<br /> border:none;<br /> width:66px;<br /> height:16px;<br /> }<br /> #productrow {width:49%}<br /> #totalrow th {<br /> text-align:right;<br /> }<br /> #quantityrow {width:13%;}<br /> #functions {border-top:1px solid #999;padding-top:10px}<br /> #functions p {margin-top:10px}<br /> #functions span {color:#00f;margin:0 2px;cursor:pointer}<br /> #functions input {<br /> border:1px solid #666;<br /> border-top:1px solid #fff;<br /> border-left:1px solid #fff;<br /> font-family:arial, helvetica, sans-serif;<br /> font-size:12px;<br /> height:20px;<br /> margin:0 2px;<br /> }<br /> .chk *{<br /> background-color:#eeeeee;<br /> } </p> <table border="0" width="100%"> <tbody> <tr> <th scope="col">删除</th> <th scope="col" id="productrow">商品</th> <th scope="col">价钱</th> <th scope="col" id="quantityrow">数量</th> <th scope="col">总共</th> </tr> <tr> <td></td> <td></td> <td class="price"><span class="whl" title="precio por mayor">$8000</span></td> <td></td> <td class="stotal">$160000</td> </tr> <tr> <td></td> <td></td> <td class="price"><span>$8400</span></td> <td></td> <td class="stotal">$8400</td> </tr> <tr id="totalrow"> <th colspan="3">总共:</th> <td>21</td> <td class="stotal">$168400</td> </tr> </tbody> </table> <p><!--<br /> function init(){<br /> var input = document.cart.getelementsbytagname('input');<br /> for(var i=0;i<input.length;i++)<br /> if(/checkbox/.test(input[i].type))<br /> input[i].onclick=function(){<br /> docheck(this,this.checked);<br /> }<br /> }<br /> function selectall(check) {<br /> var input = document.cart.getelementsbytagname('input');<br /> for(var a = 0; a < input.length; a++) {<br /> if(input[a].type == 'checkbox' && /^delete\[/.test(input[a].name))<br /> docheck(input[a],check);<br /> }<br /> }<br /> function selectbyprice(whl) {<br /> var input = document.cart.getelementsbytagname('input');<br /> for(var a = 0; a = 20 && whl || !whl && input[a].value<20);<br /> }<br /> function docheck(ele,b){<br /> ele.checked=b;<br /> while(ele&&ele.tagname!="tr")<br /> ele=ele.parentelement;<br /> if(!ele)<br /> return;<br /> ele.classname=b?'chk':'';<br /> ele.getelementsbytagname('input')[1].disabled=b;<br /> }<br /> init();<br /> document.write('</p> <p><a href="https://kunjuke.com/tag/3706/" title="选择" target="_blank">选择</a>: <span>全部</span>, <span>无</span>, <span>普通价钱</span>, <span>批发价钱</span></p> <p>');<br /> --> </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]