คือประมาณว่า ข้อมูลคือ 2 ฝั่งเป็นการดึงข้อมูลจาก DB มาทำเป็นรายการ radio box ให้เลือก โดยเมื่อการทำการคลิกเลือก ฝั่ง A รายการข้อมูลทั้งหมดของฝั่ง A จะถูกคลิกเลือก หากเลือกเปลี่ยนมาเลือก ฝั่ง B รายการข้อมูลทั้งหมดของฝั่ง B จะถูกเลือกพร้อมทั้งยกเลิก สถานะการถูกเลือกของฝั่ง A ทั้งหมด และตั้งค่าเป็นสถานะถูกซ่อนทั้งหมด ตอนนี้มันติดปัญหาเลือกการซ่อนค่าและเคียนค่าของอีกฝั่งครับ จากโค๊คจะประมาณนี้ครับ
Code (JavaScript) เตรียมสอบสถานะการเลือก
function fncRadio($data)
{
if ($data=="1"){
var ob = document.getElementsByName('c[]');
var c = ob.length;
for (i = 0; i < c; i++) {
ob.item(i).checked = true;
ob.item(i).disabled = false;
}
var ob2 = document.getElementsByName('c[]');
var c2 = ob2.length;
for (j = 0; j < c2; j++) {
ob2.item(j).checked = false;
ob2.item(j).disabled = true;
}
}
if ($data=="2")
{
var ob2 = document.getElementsByName('c2[]');
var c2 = ob2.length;
for (j = 0; j < c2; j++) {
ob2.item(j).checked = true;
ob2.item(j).disabled = false;
}
var ob = document.getElementsByName('c[]');
var c = ob.length;
for (i = 0; i < c; i++) {
ob.item(i).checked = false;
ob.item(i).disabled = true;
}
}
}
Code (PHP) ตารางดึงรายการตัวเลือกจาก DB
//ตัวเลือกรายการ A
<td width="116" bgcolor="#FFFFFF"><div align="right">
<input name="TYPECDE" type="radio" id="TYPECDE_1" value="1" onClick="fncRadio('1')" disabled="disabled">
</div></td>
//ตัวเลือกรายการ B
<td width="42" bgcolor="#FFFFFF"><div align="right">
<input name="TYPECDE" type="radio" id="TYPECDE_2" value="2" onClick="fncRadio('2')" disabled="disabled">
</div></td>
//รายการ A
<tr>
<td width="170" height="82">
<div style='overflow:auto; width:200px;height:80px;'><?php
$sql_show = "SELECT * from spc_choice where TYPECDE = '1' group by CHOICEDESC asc;";
$row_show_show = mysql_query($sql_show) or die(mysql_error());
$num_rows=mysql_num_rows($row_show_show);
$d = 0;
while($row_show = mysql_fetch_array($row_show_show))
{
$d++
?>
<input type="checkbox" name="c[]" id="T.<?php echo $d; ?>" value=<?php echo $row_show['CHOICECDE']; ?> disabled="disabled"><span class="font2"><?php echo $row_show['CHOICEDESC']."<br>"; ?></span> <?php }?></div></td>
</tr>
//รายการ B
<tr>
<td width="170" height="82">
<div style='overflow:auto; width:200px;height:80px;'><?php
$sql_show = "SELECT * from spc_choice where TYPECDE = '2' group by CHOICEDESC ;";
$row_show_show = mysql_query($sql_show) or die(mysql_error());
$num_rows=mysql_num_rows($row_show_show);
while($row_show = mysql_fetch_array($row_show_show))
{ ?><input type="checkbox" name="c2[]" id="X<?php echo $J;?>" value=<?php echo $row_show['CHOICECDE']; ?> disabled="disabled"><span class="font2"><?php echo $row_show['CHOICEDESC']."<br>"; ?></span> <?php }?></div></td>
</tr>