JS實現(xiàn)統(tǒng)計復選框選中個數(shù)并提示確定與取消的方法
更新時間：2015年07月01日 15:42:40 作者：言會咸
這篇文章主要介紹了JS實現(xiàn)統(tǒng)計復選框選中個數(shù)并提示確定與取消的方法,可實現(xiàn)javascript針對頁面復選框元素的統(tǒng)計與提示功能,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)統(tǒng)計復選框選中個數(shù)并提示確定與取消的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
javascript部分如下：
<script type="text/javascript">
function yesno() {
var inputs = document.getElementsByName("ck[]");
var checked_counts = 0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){checked_counts++;
}
}
if(confirm("你已選擇了 " + checked_counts + " 個網(wǎng)址,\n你確定選擇刪除過濾網(wǎng)址嗎?")){
//return true;
ShowDiv('MyDiv','fade');
}else{
return false;
}
}
</script>
html頁面部分如下：
<form id="form1" name="form1" method="post" action="">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="submit" name="submit" id="submit" class="subbut" onclick="return yesno();" value="選擇刪除信息">
</form>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了ES6新特性之模塊Module用法,簡要說明了模塊Module的概念、功能并結合實例形式分析了模塊Module的使用方法與相關注意事項,需要的朋友可以參考下2021-10-10
獲取表單中的日期往后臺通過json方式傳的時候,遇到Date.parse(str)函數(shù)在ff下報錯，有類似情況的朋友可以參考下本文2014-03-03
詳解如何在Javascript中使用Object.freeze()
這篇文章主要介紹了詳解如何在Javascript中使用Object.freeze()，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
JS Html轉義和反轉義（html編碼和解碼）的實現(xiàn)與使用方法總結
這篇文章主要介紹了JS Html轉義和反轉義（html編碼和解碼）的實現(xiàn)與使用方法,結合實例形式總結分析了JS Html轉義和反轉義、html編碼和解碼相關封裝類定義與具體使用技巧,需要的朋友可以參考下2020-03-03
tostring 和 valueOf 函數(shù)是解決值的顯示和運算的問題，本文主要介紹了js中toString()與valueOf()的使用，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
這篇文章主要介紹了JavaScript中的異常捕捉介紹,本文講解了throw語句拋出異常,try/catch/finally語句捕捉異常,需要的朋友可以參考下2014-12-12
javascript中對象的定義、使用以及對象和原型鏈操作小結
這篇文章主要介紹了javascript中對象的定義、使用以及對象和原型鏈操作,結合實例形式總結分析了javascript對象操作的常用技巧,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細介紹了原生javascript移動端滑動banner效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
js實現(xiàn)window.open不被攔截的解決方法匯總
這篇文章主要介紹了js實現(xiàn)window.open不被攔截的解決方法,實例匯總了常用的不被攔截的解決方法,需要的朋友可以參考下2014-10-10
這篇文章主要給大家介紹了關于js數(shù)據(jù)類型以及其判斷方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03