2014-09-24 139 views
-1

我有形式是這樣的:如何檢查是否所有複選框是選中

enter image description here

所以,如果我檢查的複選框,然後單擊編輯,它會重定向到編輯頁面,只顯示了檢查的數據。

如果我沒有檢查任何複選框,然後單擊編輯或刪除,將出現問題,它會顯示錯誤消息,可能是因爲沒有選擇/檢查數據。

所以我想我的編輯和刪除按鈕有一些警報,所以如果我沒有檢查任何數據,然後單擊編輯或刪除,我希望它顯示警報或至少沒有做任何事情。

這裏是我的表單代碼:

<form name='frmedit' method='post' action=''> 
<table> 
<tr> 
<td>&#10003;</td> 
<td>No.</td> 
<td>Nama</td> 
<td>Merk</td> 
</tr> 
<tr> 
     <td><input type='checkbox' name='cek[]' value='$data[id_usulan]' ></td> 
     <td>$no.</td> 
     <td>$data[nama]</td> 
     <td>$data[merk]</td> 
</tr> 
</table> 

<table> 
<tr> 
<td><input type='checkbox' name='allbox' value='check' onClick='checkAll(0);'/>Check All 
&nbsp;|&nbsp; 
<input type='button' name='update' value='Edit' onClick='setUpdateAction();'/> 
&nbsp;|&nbsp; 
<input type='button' name='delete' value='Delete' onClick='setDeleteAction();' /></td> 
</tr> 
</table> 
</form> 

編輯和刪除功能在的onClick,而且功能:

function setUpdateAction() { 

if($('#frmedit input[type="checkbox"]').is(':checked')){ 
    document.frmedit.action = "edit_user.php"; 
document.frmedit.submit(); 
    }else{ 
alert("Please check at least one."); 
return false; 
    } 
} 

至於setDeleteAction,我還是什麼也沒做。

謝謝。

+1

你嘗試過什麼? – Jonathon 2014-09-24 08:07:20

+0

ahh是的,抱歉,我會發布我已經嘗試.. – Shitprogrammers 2014-09-24 08:08:50

回答

2

而不是檢查所有框未選中,您可以檢查是否檢查他們。像

$("button").on("click",function(){ 
 

 
    if($(".test:checked").length == 0) { 
 
    alert("nothing is checked"); 
 
    } else { 
 
    alert("something is checked"); 
 
    } 
 
    
 
    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<input type="checkbox" class="test" value="1" /> 
 
<input type="checkbox" class="test" value="2" /> 
 
<input type="checkbox" class="test" value="3" /> 
 
<input type="checkbox" class="test" value="4" /> 
 
<input type="checkbox" class="test" value="5" /> 
 

 
<button>check</button>

+0

謝謝,我會嘗試你的解決方案。 – Shitprogrammers 2014-09-24 08:32:54