比較全的JS checkbox全選、取消全選、刪除功能代碼
更新時(shí)間：2008年12月19日 12:56:43 作者：
今天把JS控制checkbox全選、取消全選、刪除功能的代碼貼出來(lái)。。
看下面兩種實(shí)現(xiàn)方法：
JS checkbox 方法一：
function checkAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++)
{
code_Values[i].checked = true;
}
}else{
code_Values.checked = true;
}
}
function uncheckAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++)
{
code_Values[i].checked = false;
}
}else{
code_Values.checked = false;
}
}
function multipleDelete()
{
var num = 0;
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++)
{
if(code_Values[i].checked == true)
{
num ++;
}
}
}else{
if(code_Values.checked == true){
num ++ ;
}
}
if(num == 0){
alert('Please select delete item');
}
if(num >0){
document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
document.BuCodeSearch.submit();
}
}
</script>
JS checkbox方法二：
function checkAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = true;
}
}
}
function uncheckAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = false;
}
}
}
function multipleDelete()
{
if (document.BuCodeSearch.elements["code_Value"])
{
var num = 0;
var fm = document.BuCodeSearch;
if (document.BuCodeSearch.elements["code_Value"])
{
var elm = document.BuCodeSearch.elements["code_Value"];
var ename = "code_Value";
if (elm.length) {
var len = fm.elements[ename].length;
for (var i = 0; i< len; i++) {
var e = fm.elements[ename][i];
if (e.checked == true){
num++;
}
}
} else {
if (elm.checked == true ) {
num++;
}
}
if (num > 0 )
{
document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
document.BuCodeSearch.submit();
}
}
}
}
code_Value為checkbox表單的名稱，BuCodeSearch為form名稱
<td align="left" width="20"><input type="checkbox" name="code_Value" value="<%=userDefFieldValueBean.getUdfValue()%>"></td>
JS checkbox 方法一：
復(fù)制代碼 代碼如下:
function checkAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++)
{
code_Values[i].checked = true;
}
}else{
code_Values.checked = true;
}
}
function uncheckAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++)
{
code_Values[i].checked = false;
}
}else{
code_Values.checked = false;
}
}
function multipleDelete()
{
var num = 0;
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++)
{
if(code_Values[i].checked == true)
{
num ++;
}
}
}else{
if(code_Values.checked == true){
num ++ ;
}
}
if(num == 0){
alert('Please select delete item');
}
if(num >0){
document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
document.BuCodeSearch.submit();
}
}
</script>
JS checkbox方法二：
復(fù)制代碼 代碼如下:
function checkAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = true;
}
}
}
function uncheckAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = false;
}
}
}
function multipleDelete()
{
if (document.BuCodeSearch.elements["code_Value"])
{
var num = 0;
var fm = document.BuCodeSearch;
if (document.BuCodeSearch.elements["code_Value"])
{
var elm = document.BuCodeSearch.elements["code_Value"];
var ename = "code_Value";
if (elm.length) {
var len = fm.elements[ename].length;
for (var i = 0; i< len; i++) {
var e = fm.elements[ename][i];
if (e.checked == true){
num++;
}
}
} else {
if (elm.checked == true ) {
num++;
}
}
if (num > 0 )
{
document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
document.BuCodeSearch.submit();
}
}
}
}
code_Value為checkbox表單的名稱，BuCodeSearch為form名稱
復(fù)制代碼 代碼如下:
<td align="left" width="20"><input type="checkbox" name="code_Value" value="<%=userDefFieldValueBean.getUdfValue()%>"></td>
相關(guān)文章
這篇文章主要介紹了JS實(shí)現(xiàn)文字放大效果的方法,實(shí)例分析了javascript鼠標(biāo)事件控制css樣式的技巧,需要的朋友可以參考下2015-03-03
uniapp中微信小程序與H5相互跳轉(zhuǎn)以及傳參詳解(webview)
在單位做項(xiàng)目的時(shí)候碰到一個(gè)需求,需要從微信小程序跳轉(zhuǎn)到H5頁(yè)面,下面這篇文章主要給大家介紹了關(guān)于uniapp中微信小程序與H5相互跳轉(zhuǎn)以及傳參的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JavaScript定時(shí)器原理,setTimeout()方法用于設(shè)置一個(gè)定時(shí)器，該定時(shí)器在定時(shí)器到期后執(zhí)行調(diào)用函數(shù),文章圍繞JavaScript定時(shí)器相關(guān)資料展開以下內(nèi)容,需要的朋友可以參考一下2021-12-12
javascript canvas封裝動(dòng)態(tài)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了javascript canvas封裝動(dòng)態(tài)時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)密碼輸入框值的顯示隱藏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了element-ui?dialog彈窗增加全屏功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序重寫tabbar底部導(dǎo)航，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了有JSDoc還需要TypeScript的問題示例解析,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
在Firefox下js select標(biāo)簽點(diǎn)擊無(wú)法彈出
在Firefox下js select標(biāo)簽點(diǎn)擊無(wú)法彈出，在IE和CHROME下沒有此現(xiàn)象2014-03-03
這篇文章主要介紹了vue雙向綁定的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03