十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
html

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)南華免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
head
titlecheckbox項(xiàng)的自動(dòng)計(jì)算/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合計(jì)金額計(jì)算/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
合計(jì)金額:input id="total" type="text" name="total"
/form
/body
/html
您好!
要啟用JavaScript,請先安裝SettingSanity附加組件
點(diǎn)擊 Firefox 窗口頂部的 Firefox 按鈕并選擇選項(xiàng) 菜單。
在設(shè)置窗口, 選擇內(nèi)容選項(xiàng)卡.
啟用JavaScript: 勾選該選項(xiàng)來啟用JavaScript。
要更改高級(jí)設(shè)置,按下高級(jí)....
點(diǎn)擊確定按鈕關(guān)閉“選項(xiàng)”窗口。
參考這里:
希望我的回答對您有所幫助,如有疑問,歡迎繼續(xù)在本平臺(tái)咨詢。
了解更多火狐瀏覽器的使用小技巧,請到火狐社區(qū):
感謝您對火狐瀏覽器的支持!
給那些復(fù)選框綁定選擇事件onchange,用jQuery去做,如:
$('input?[name=check]').change(function(){//假設(shè)復(fù)選框的html:input?name="check"?type="checkbox"/
var?ele=this;//當(dāng)前選擇的復(fù)選框,把復(fù)選框的value值顯示在一個(gè)div中(div?id="show"/div)
var?val=$(ele).val();
var?str=$('#show').html();//先獲取用顯示div的內(nèi)容,然后把當(dāng)前復(fù)選框內(nèi)容拼接,再把拼接內(nèi)容在show中
str+=val;//拼接當(dāng)前值val
$('#show').html(str);//顯示?
});
!DOCTYPE?html
html
head
titleJS實(shí)現(xiàn)全選、不選、反選?/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勾選復(fù)選框示例i:
//獲取頁面所有checkbox(checkbox的name設(shè)置一致)
var?items=document.getElementByName("checkbox的name");
//遍歷checkbox
for(var?i=0;iitems.length;i++){
//當(dāng)前checkbox實(shí)現(xiàn)勾選
items[i].checked=true;
}