jQuery对象访问的方法

2025-10-27 23:14: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对象访问的方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢