2021-05-12 14:32:11
jQuery物件存取的方法
2019-12-12 17:58:42
隨著網頁技術的發展，頁面的效果越來越豐富，這裡一起研究下jQuery物件存取的方法
在jquery的物件方法中 each是使用頻率很高的，也是有探討價值的
如果對您有幫助請幫忙點讚，謝謝
1
第一步
建立一個HTML，網頁HTML是一個頁面的骨架結構，titile、body:
2
第二步
在html中構建測試資料， 增加一些ul 和il 、input標籤，方便測試：
3
第三步
在頁面中引入jquery參照檔案，增加jquery指令碼：
4
第四步
下面程式碼的含義是，係結訂購按鈕，點選的時候彈出使用者已選擇的引數的重量
$("#btnBuy").click(function(){
var weight=0;
//遍歷選中的商品
$("[name=goods_weight]:checked").each(function(){
weight+=weight+parseInt(this.value);
if(weight>100){
eturn false; //跳出遍歷
}
});
if(weight<=0){
alert("沒有選擇任何商品");
}else if(weight>100){
alert("訂購的商品總和超重100kg了");
}else{
alert("訂購成功！"+weight+"kg");
}
});
5
第五步
開啟瀏覽器，進行測試，點選多選框中checkbox中的重量，然後點選訂購按鈕
相關文章