作者buganini (霸格尼尼)
看板Web_Design
標題Re: [問題] 群組checkbox的預先勾選
時間Wed Mar 18 14:38:48 2009
※ 引述《sabreur (無奈)》之銘言:
: 小弟做了一個群組checkbox
: 可以讓使用者利用勾選的方式把資料存進資料庫
: 然後有個編輯的功能
: 我想從資料庫撈結果出來 然後在用checkbox呈現出之前有勾幾個
: ex: 這是我用的checkbox語法
: <input type="checkbox" name="check" value="1">選項1</font>
: 。
: 。
: 。
: <input type="checkbox" name="check" value="n">選項n</font>
: m..然後我在預先勾選這個地方碰上問題
: 不論是 <input type="checkbox" name="check" value="1" checked>選項1</font>
: 或者
: <input type="checkbox" name="check" value="1" checked="checked">選項1</font>
: 這樣都會有語法錯誤的問題..
: 我在想是不是name都是一樣 所以預先勾選會出錯
: 我去google checkbox checked 找到的幾乎都是name不一樣的處理方法
: 想請教各位大大~有什麼辦法可以做到 群組checkbox 的預先勾選呢?
借個標題
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=UTF-8' />
</head>
<body>
G1:<input type="checkbox" name="c[]" group="g1" />
<input type="checkbox" name="c[]" group="g1" /><br />
G2:
<input type="checkbox" name="c[]" group="g2" />
<input type="checkbox" name="c[]" group="g2" /><br />
<input type="button" value="G1" onclick="checkgroup('g1')" />
<input type="button" value="G2" onclick="checkgroup('g2')" />
<script type="text/javascript">
function checkgroup(g){
objs=document.getElementsByTagName('input');
for(var i=0; i<objs.length; ++i){
if(objs[i].type=="checkbox" && objs[i].getAttribute('group')==g){
objs[i].checked=true;
}
}
}
</script>
</body>
</html>
最近覺得這種自訂屬性還蠻好用的
雖然validator會叫there is no attribute
FireFox可以work 其他browser不知道如何
--
國愛‧主民‧學科‧康健‧道人
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.135.231.23
→ grence:應該都可以吧,可能有問題的就getAttribute()的支援與否 03/18 19:16
→ grence:但都有辦法可以繞過 03/18 19:16