正好項目里要用到，自己寫了一下，記下來，以后可以用用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test checkbox</title>
<script language="javascript">
function checkall()
{
? var objForm = document.ckform;
? var objLen = objForm.length;
? for (var elcount = 0; elcount < objLen; elcount++)
? {
??? if (objForm.elements[elcount].type == "checkbox")
??? {
????? objForm.elements[elcount].checked = true;
??? }
? }
}
function clearall()
{
? var objForm = document.ckform;
? var objLen = objForm.length;
? for (var elcount = 0; elcount < objLen; elcount++)
? {
??? if (objForm.elements[elcount].type == "checkbox")
??? {
????? objForm.elements[elcount].checked = false;
??? }
? }
}
function checkop(opvalue){
? var objForm = document.ckform;
? var objLen = objForm.length;
? for (var elcount = 0; elcount < objLen; elcount++)
? {
??? if (objForm.elements[elcount].type == "checkbox")
??? {
??? ?if (objForm.elements[elcount].id.indexOf(opvalue)==0){
??????? objForm.elements[elcount].checked = true;
????? }
????? else{
????? ?objForm.elements[elcount].checked = false;
????? }
??? }
? }?
}
function checkresult(){
? var objForm = document.ckform;
? var objLen = objForm.length;
? var flag=true;
? var checkvalue="";
? for (var elcount = 0; elcount < objLen; elcount++)
? {
??? if (objForm.elements[elcount].type == "checkbox")
??? {
????? if(objForm.elements[elcount].checked ==true){
????? ?flag=false;
????? ?if (checkvalue==""){
????? ??checkvalue=objForm.elements[elcount].value;
????? ?}
????? ?else{
????? ??checkvalue=checkvalue+","+objForm.elements[elcount].value;
????? ?}
????? }
??? }
? }?
? if (flag==true){
? ?alert("至少選擇一個");
? }
? alert(checkvalue);
}
</script>
</head>
<body>
<form name="ckform" method="post" action="">
? <table width="100%"? border="1">
??? <tr>
????? <td><input type="checkbox" id="1011" name="checkbox" value="1"></td>
????? <td><input type="checkbox" id="1022" name="checkbox" value="2"></td>
????? <td><input type="checkbox" id="1033" name="checkbox" value="3"></td>
??? </tr>
??? <tr>
????? <td><input type="checkbox" id="2011" name="checkbox" value="4"></td>
????? <td><input type="checkbox" id="2022" name="checkbox" value="5"></td>
????? <td><input type="checkbox" id="2033" name="checkbox" value="6"></td>
??? </tr>
??? <tr>
????? <td><input type="checkbox" id="3011" name="checkbox" value="7"></td>
????? <td><input type="checkbox" id="3022" name="checkbox" value="8"></td>
????? <td><input type="checkbox" id="3033" name="checkbox" value="9"></td>
??? </tr>
??? <tr>
????? <td><input type="button" name="bu1" id="bu1" value="全選" onClick="checkall();"><input type="button" name="bu2" id="bu2" value="全部不選" onClick="clearall();"></td>
????? <td><input type="button" name="Submit" value="選中一行" onClick="checkop('20');"></td>
????? <td><input type="button" name="Submit" value="提交" onClick="checkresult();"></td>
??? </tr>
? </table>
</form>
</body>
</html>
posted on 2006-09-15 10:23
Java初心 閱讀(1147)
評論(1) 編輯 收藏 所屬分類:
Javascript/Css