Re: [請益] form控制項陣列傳值結果?
: → KawasumiMai:不好意思接下來又有另外的延續問題 10/06 11:18
: → KawasumiMai:剛剛依照tnstiger大的方法,php已經取得正確 10/06 11:18
: → KawasumiMai:attr出來的結果是完美的Array,不過這次出在js 10/06 11:18
: → KawasumiMai:原先的html因為關聯性的關係,checkbox有呼叫js 10/06 11:19
: → KawasumiMai:第一個checkbox是皆否,呼叫的是取消後面所有checkbox 10/06 11:20
: → KawasumiMai:document.form.attr[i].checked = false 10/06 11:20
: → KawasumiMai:其他呼叫的是取消第一個皆否checkbox 10/06 11:20
: → KawasumiMai:document.form.attr[0].checked 10/06 11:20
: → KawasumiMai:這下變成js失效了,因為名稱變成attr[] 10/06 11:20
: → KawasumiMai:而用attr[][i]跟attr[][0]取代也失敗,請問該怎麼辦 10/06 11:21
我用比較笨的方法解決 (不確定有沒有比較好的)
<script type="text/javascript">
function chkbox(obj)
{
if(obj == document.getElementsByName("attr[]")[0])
{
for(var i = 1 ; i < document.getElementsByName("attr[]").length ; i++ )
{
document.getElementsByName("attr[]")[i].checked = false;
}
}
else { document.getElementsByName("attr[]")[0].checked = false; }
}
</script>
<style type="text/css">
label { display:block;}
</style>
<body>
<form name="chkform">
<label><input type="checkbox" onclick="chkbox(this)" name="attr[]"
value="123" />all cancel</label>
<label><input type="checkbox" onclick="chkbox(this)" name="attr[]"
/>1</label>
<label><input type="checkbox" onclick="chkbox(this)" name="attr[]"
/>2</label>
<label><input type="checkbox" onclick="chkbox(this)" name="attr[]"
/>3</label>
<label><input type="checkbox" onclick="chkbox(this)" name="attr[]"
/>4</label>
</form>
</body>
JS 對於同 name 的物件會自動轉為陣列, [] 對他來說好像認不出來
所以改用 getElementsByName 抓
其中為了比對是否為第一個,我把產生事件的物件丟進去判斷
應該有更好的寫法,我單純都用原始的 dom 寫而已
※ 補充一個抓的方法,如果不要用 getElement 的方式的話,改用
document.chkform.elements('attr[]')[0]
也可以
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.45.83
→
10/06 11:54, , 1F
10/06 11:54, 1F
※ 編輯: kerash 來自: 114.34.45.83 (10/06 11:58)
推
10/06 12:00, , 2F
10/06 12:00, 2F
→
10/06 12:00, , 3F
10/06 12:00, 3F
→
10/06 12:01, , 4F
10/06 12:01, 4F
→
10/06 12:01, , 5F
10/06 12:01, 5F
→
10/06 12:01, , 6F
10/06 12:01, 6F
→
10/06 12:02, , 7F
10/06 12:02, 7F
→
10/06 12:02, , 8F
10/06 12:02, 8F
→
10/06 12:03, , 9F
10/06 12:03, 9F
→
10/06 12:03, , 10F
10/06 12:03, 10F
→
10/06 12:03, , 11F
10/06 12:03, 11F
→
10/06 12:04, , 12F
10/06 12:04, 12F
→
10/06 12:04, , 13F
10/06 12:04, 13F
→
10/06 12:04, , 14F
10/06 12:04, 14F
→
10/06 12:04, , 15F
10/06 12:04, 15F
推
10/06 12:13, , 16F
10/06 12:13, 16F
→
10/06 12:15, , 17F
10/06 12:15, 17F
→
10/06 12:16, , 18F
10/06 12:16, 18F
討論串 (同標題文章)
PHP 近期熱門文章
PTT數位生活區 即時熱門文章
125
129