大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
html
专注于为中小企业提供网站设计制作、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业南华免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
head
titlecheckbox项的自动计算/title
script type="text/javascript"
var val = 0;
function calc(obj){
val += parseInt(obj.value);
document.getElementById('total').value = val;
}
/script
/head
body bgcolor="#FFffFF"
center
h2合计金额计算/h2
/center
br
form name="calcFORM"
input type="checkbox" value="200" onClick="calc(this)"商品1【200元】br
input type="checkbox" value="130" onClick="calc(this)"商品2【130元】br
input type="checkbox" value="530" onClick="calc(this)"商品3【530元】br
input type="checkbox" value="30" onClick="calc(this)"商品4【30元】br
br
input type="checkbox" value="1200" onClick="calc(this)"商品5【1200元】br
input type="checkbox" value="2300" onClick="calc(this)"商品6【2300元】br
input type="checkbox" value="3100" onClick="calc(this)"商品7【3100元】br
br
合计金额:input id="total" type="text" name="total"
/form
/body
/html
您好!
要启用JavaScript,请先安装SettingSanity附加组件
点击 Firefox 窗口顶部的 Firefox 按钮并选择选项 菜单。
在设置窗口, 选择内容选项卡.
启用JavaScript: 勾选该选项来启用JavaScript。
要更改高级设置,按下高级....
点击确定按钮关闭“选项”窗口。
参考这里:
希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
了解更多火狐浏览器的使用小技巧,请到火狐社区:
感谢您对火狐浏览器的支持!
给那些复选框绑定选择事件onchange,用jQuery去做,如:
$('input [name=check]').change(function(){//假设复选框的html:input name="check" type="checkbox"/
var ele=this;//当前选择的复选框,把复选框的value值显示在一个div中(div id="show"/div)
var val=$(ele).val();
var str=$('#show').html();//先获取用显示div的内容,然后把当前复选框内容拼接,再把拼接内容在show中
str+=val;//拼接当前值val
$('#show').html(str);//显示
});
!DOCTYPE html
html
head
titleJS实现全选、不选、反选 /title
meta name="content-type" content="text/html; charset=UTF-8"
/head
body
input type="button" id="All" value="全选" /
input type="button" id="uncheck" value="不选" /
input type="button" id="othercheck" value="反选" /
div id="div"
input type="checkbox" /苹果br /
input type="checkbox" /火龙果br /
input type="checkbox" /橘子br /
input type="checkbox" /葡萄br /
input type="checkbox" /香蕉br /
input type="checkbox" /提子br /
input type="checkbox" /栗子br /
/body
/html
script
window.onload=function(){
var CheckAll=document.getElementById('All');
var UnCheck=document.getElementById('uncheck');
var OtherCheck=document.getElementById('othercheck');
var div=document.getElementById('div');
var CheckBox=div.getElementsByTagName('input');
CheckAll.onclick=function(){
for(i=0;iCheckBox.length;i++){
CheckBox[i].checked=true;
};
};
UnCheck.onclick=function(){
for(i=0;iCheckBox.length;i++){
CheckBox[i].checked=false;
};
};
othercheck.onclick=function(){
for(i=0;iCheckBox.length;i++){
if(CheckBox[i].checked==true){
CheckBox[i].checked=false;
}
else{
CheckBox[i].checked=true
}
};
};
};
/script
js勾选复选框示例i:
//获取页面所有checkbox(checkbox的name设置一致)
var items=document.getElementByName("checkbox的name");
//遍历checkbox
for(var i=0;iitems.length;i++){
//当前checkbox实现勾选
items[i].checked=true;
}