亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

jquery 訂單結算checkbox全選全不選

標簽:
JQuery

html

<table id="order-table">   <tr>	<th>全选<input class="ck_boxall" type="checkbox" value="all" /></th>		<th>商品名称</th>	<th>数量</th>	<th>X</th>	<th>单价</th>	<th>=</th>	<th style="text-align: right;">总计</th>    </tr>    <tr class="odd">        <td  ><input name="check_food" class="ck_box" type="checkbox" value="3" /></td>        <td >衣服</td>        <td  >		<input type="text" value="1" ></input>	</td>		<td >X</td>	<td >$<span>3</span></td>		<td  >=</td>	<td >	      <input type="text"  value="3" disabled="disabled"></input>	</td>     </tr>     <tr class="even">         <td ><input name="check_food" class="ck_box" type="checkbox" value="6" /></td>         <td >鞋子</td>	 <td >	 <input type="text"  value="1" ></input>	 </td>	 <td >X</td>	 <td >$<span>6</span></td>	 <td >=</td>	 <td >	        <input type="text"  value="6" disabled="disabled"></input>	 </td>      </tr>      <tr class="odd">          <td  ><input name="check_food" class="ck_box" type="checkbox" value="9" /></td>          <td >袜子</td>          <td  >			<input type="text"  value="1" ></input>          </td>          <td >X</td>          <td >$<span>9</span></td>          <td  >=</td>          <td >		<input type="text"  value="9" disabled="disabled"></input>	  </td>	  </tr></table><div class="clear"></div><div>	<span>订单总额: </span>	<input type="text" class="total-box"  disabled="disabled"></input>	<br />	<input type="submit" value="提交结账" class="submit"  /></div>

 jqurey

 ///////全选与全不选$(function() {	var str=$(".ck_box");	var ck_all=$(".ck_boxall")	var min_total=$(".total-box");	var $check_food = $("input[name='check_food']");	var chestr=0;	var objarray=str.length;	///////单个选中		$(".ck_box").click(function() {	    chestr=0;			for (var i=0;i<objarray;i++){			if(str[i].checked == true){				chestr+=parseInt(str[i].value);			}		}		if(chestr !== 0){			min_total.val(chestr);			}else{			chestr=0;			min_total.val(0);		}	});		///////全选与全不选	$(".ck_boxall").click(function() {		$('input[name="check_food"]').attr("checked",this.checked);		if( ck_all.is(":checked")){			chestr=0;			for (var i=0;i<objarray;i++){			chestr+=parseInt(str[i].value);			}		}else{			chestr=0;		}		min_total.val(chestr);		});	///////单个选中所有时全选被选中	$check_food.click(function(){	$(".ck_boxall").attr("checked",$check_food.length == $("input[name='check_food']:checked").length ? true : false);	});			});

结束 记得引入jquery环境

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消