/** 
* @author georgewing 
*/ 
function prepareCheckBox() { 
document.getElementById("submit").onclick = function() { 
selectedCheckBox(4); 
} 
} 
function selectedCheckBox(x) { 
var oInput = document.getElementsByTagName("input"); 
var iTotal = 0; 
for(var i=0;i<oInput.length;i++) { 
if(oInput[i].className == "checkedRadio") { 
if(oInput[i].checked) { 
//add x point 
iTotal = iTotal + x; 
} 
else { 
// add 0 point 
iTotal = iTotal + 0; 
} 
} 

} 
document.getElementById("Total").setAttribute("value", iTotal); 
alert(iTotal); 
}

提示：把常量4抽象化為變量x，作為了函數(shù)的參數(shù)。這是硬編碼抽象化，有關(guān)硬編碼、抽象化的具體內(nèi)容見《DOM scripting》譯書的部分。

您可能感興趣的文章:

相關(guān)文章

詳解使用Next.js構(gòu)建服務(wù)端渲染應(yīng)用
這篇文章主要介紹了詳解使用Next.js構(gòu)建服務(wù)端渲染應(yīng)用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-07-07
詳解Javascript中的原型OOP
相信現(xiàn)在的很多程序員或多或少的都會寫JS，大部分也知道JS是基于原型的語言，但是如果問及JS原生對象（Object,Function,Array,Date等）的這個原型鏈長什么樣子？估計能回答出來的人就少了，所以這篇文章就給大家詳細(xì)介紹下，有需要的可以參考借鑒。
2016-10-10
js獲取新浪天氣接口的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取新浪天氣接口的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
詳解適配器在JavaScript中的體現(xiàn)
在日常開發(fā)中，很多時候會不經(jīng)意間寫出符合某種設(shè)計模式的代碼，而適配器其實在JavaScript中應(yīng)該是比較常見的一種了。這篇文章主要介紹了適配器在JavaScript中的體現(xiàn) ,需要的朋友可以參考下
2018-09-09
JavaScript+html實現(xiàn)前端頁面滑動驗證(2)
這篇文章主要為大家詳細(xì)介紹了JavaScript+html實現(xiàn)前端頁面滑動驗證的第二種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-06-06
BootStrap柵格之間留空隙的解決方法
BootStrap柵格系統(tǒng)可以把我們的container容器劃分為若干等分，如果想要每個部分之間留出一定的空隙，那么應(yīng)該怎么解決，本文就來介紹一下
2021-08-08
javascript中的數(shù)據(jù)類型檢測方法詳解
這篇文章主要介紹了javascript中的數(shù)據(jù)類型檢測方法,結(jié)合實例形式分析了javascript數(shù)據(jù)類型并總結(jié)分析了常見的數(shù)據(jù)類型檢測操作技巧,需要的朋友可以參考下
2019-08-08
JavaScript中字符串分割函數(shù)split用法實例
這篇文章主要介紹了JavaScript中字符串分割函數(shù)split用法,實例分析了javascript中split函數(shù)操作字符串的技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
JS解決ie6下png透明的方法實例
解決ie6下png透明的問題想必前端都比較清楚，雖然有很多方法，但是我覺得用JS還是最省事的方法，不管是圖片還是背景圖片都OK。
2013-08-08
js提交form表單,并傳遞參數(shù)的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s提交form表單,并傳遞參數(shù)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05