jQuery对象访问的方法

时间:2026-02-16 08:37:33

1、第一步

创建一个HTML,网页HTML是一个页面的骨架结构,titile、body:

jQuery对象访问的方法

2、第二步

在html中构建测试数据, 增加一些ul 和il 、input标签,方便测试:

jQuery对象访问的方法

3、第三步

在页面中引入jquery引用文件,增加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");

}

});

jQuery对象访问的方法

5、第五步

打开浏览器,进行测试,点击多选框中checkbox中的重量,然后点击订购按钮

jQuery对象访问的方法

jQuery对象访问的方法

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com