怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 339 JQUERY DREAMWEAVER
随着网页技术的发展,页面的效果越来越丰富,这里一起研究下jQuery对象访问的方法
在jquery的对象方法中 each是使用频率很高的,也是有探讨价值的
如果对您有帮助请帮忙点赞,谢谢
第一步
创建一个HTML,网页HTML是一个页面的骨架结构,titile、body:
第二步
在html中构建测试数据, 增加一些ul 和il 、input标签,方便测试:
第三步
在页面中引入jquery引用文件,增加jquery脚本:
第四步
下面代码的含义是,绑定订购按钮,点击的时候弹出用户已选择的参数的重量
$("#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");
}
});
第五步
打开浏览器,进行测试,点击多选框中checkbox中的重量,然后点击订购按钮
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JQUERY
相关文章
怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 339 JQUERY DREAMWEAVER
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大,使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 328 JQUERY
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是,可以做一个网站,基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 372 JQUERY