正文
javascript勾选,勾选的勾怎么写
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
初学JavaScript，checkbox勾选计算和值并显示
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
相关问答
Q1: 火狐浏览器怎么将javascript改为启用模式？
您好！
要启用JavaScript，请先安装SettingSanity附加组件
点击 Firefox 窗口顶部的 Firefox 按钮并选择选项 菜单。
在设置窗口, 选择内容选项卡.
启用JavaScript: 勾选该选项来启用JavaScript。
要更改高级设置，按下高级....
点击确定按钮关闭“选项”窗口。
参考这里：
希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
了解更多火狐浏览器的使用小技巧，请到火狐社区：
感谢您对火狐浏览器的支持！
Q2: 用js如何实现勾选复选框后自动在文本框显示
给那些复选框绑定选择事件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);//显示
});
Q3: js表单 全选勾选问题
!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
Q4: 如何通过js实现勾选复选框
js勾选复选框示例i：
//获取页面所有checkbox（checkbox的name设置一致）
var items=document.getElementByName("checkbox的name");
//遍历checkbox
for(var i=0;iitems.length;i++){
//当前checkbox实现勾选
items[i].checked=true;
}
