Fw: [問題] 請教迴圈中checkbox的js寫法

[shihyanyu (樂施者所求如意)]

※ [本文轉錄自 Ajax 看板 #1J2QcvN1 ]

作者: shihyanyu (樂施者所求如意) 看板: Ajax
標題: [問題] 請教迴圈中checkbox的js寫法
時間: Sun Feb 23 15:56:38 2014

各位大大

想請教一下
一組兩個checkbox ---> c1 , c2
用PHP迴圈do...while弄了n組 ---> c1[0],c2[0]
                                c1[1],c2[1]
                                c1[2],c2[2]
                                     .
                                     .
                                     .
                                c1[n],c2[n]

如果我希望用js function 做
當我把c1[0]勾起來 那c2[0]也會自動一起勾起來
反之把c1[0]勾掉   那c2[0]也會自動一起勾掉

當我把c1[1]勾起來 那c2[1]也會自動一起勾起來
反之把c1[1]勾掉   那c2[1]也會自動一起勾掉

以此類推到第c1[n],c2[n]

請問我是應該把function寫在PHP迴圈裡?
還是寫JS迴圈 然後再PHP CALL function?
我兩種都試過都不行耶><....

GOOGLE過藍色小舖有人問過類似問題 不過他是單組的CHECKBOX
http://www.blueshop.com.tw/board/show.asp?subcde=BRD200810311811314LA

不知道要怎麼改 才能實現在這種多組的checkbox呢@@?

藍色小舖的程式碼如下
<script language="javascript">
function Box(Obj1,Obj2){
        var Obj1 = document.getElementById(Obj1);
        var Obj2 = document.getElementById(Obj2);
        Obj2.checked = Obj1.checked;
}

</script>
<form method="POST" action="">
<input type="checkbox" id="C1" name="C1" onclick="Box('C1','C2')" value="ON">
<input type="checkbox" id="C2" name="C2" value="ON">
</form>

我試過CALL FUNCTION那邊改成 "Box('C1[$i]','C2[$i]')"
也試過把js寫在迴圈裡
print出來 但是不會動 冏

希望有高手幫忙解答 或是指引方向 感恩!

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.36.216.225

※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: shihyanyu (114.36.216.225), 時間: 02/23/2014 17:26:25
推 sunnyvisit:jQuery的話我應該會讓一組的同class來做，但單純check
→ sunnyvisit: box效果應該是不用php
→ DongFeng:onclick = "$(this).next().prop('checked', $(this).pro
→ DongFeng:p('checked'))";
→ DongFeng:http://jsfiddle.net/87Cvr/
→ dlikeayu:$.siblings
→ dlikeayu:http://jsfiddle.net/H2we3/29/
→ dlikeayu:或 http://jsfiddle.net/H2we3/35/
→ KawasumiMai:如果不用jQuery也可以設定流水id呼叫function修改
→ KawasumiMai:用jQuery的好處是可以直接套class寫同一組事件監聽
推 hsinyu716:用這麼久的jq 第一次知道siblings 記錄一下