รบกวนครับ ต้องการเลือก Radio Button แล้ว Disable ปุ่มอื่น

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

demonxiii
PHP Sr. Member
PHP Sr. Member
Posts: 54
Joined: 04/01/2009 7:54 pm

รบกวนครับ ต้องการเลือก Radio Button แล้ว Disable ปุ่มอื่น

Post by demonxiii »

คือ ผมมี radio button 2 รายการ คือ
ชื่อธนาคาร และประเภทบัญชี
โดยธนาคารมี 3 ชื่อ หากผมเลือกธนาคารที่ 1
Radio button อีกส่วน คือ ประเภทบัญชี ให้เลือกประเภทบัญชี มี 2 รายการ

แต่หากผมเลือกธนาคารที่ 2
Radio button ที่เป็นเภทบัญชีต้องเป็น Disable ครับ

มีวิธีไหนบ้างครับ ถ้าพอจะแก้โจทย์นี้ได้ (หน้าเพจเป็น .php)

ขอบคุณล่วงหน้าครับ
touleg
PHP Super Member
PHP Super Member
Posts: 480
Joined: 25/01/2010 11:57 pm
Contact:

Re: รบกวนครับ ต้องการเลือก Radio Button แล้ว Disable ปุ่มอื่น

Post by touleg »

น่าจะประมาณนี้หรือป่าว

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function enabletype()
{
	var e1 = document.getElementsByName("accounttype").item(0);
	var e2 = document.getElementsByName("accounttype").item(1);
	e1.checked = "checked";
	e1.disabled = false;
	e2.disabled = false;
}

function disabletype()
{
	var e1 = document.getElementsByName("accounttype").item(0);
	var e2 = document.getElementsByName("accounttype").item(1);
	e1.checked = false;
	e1.disabled = true;
	e2.checked = false;
	e2.disabled = true;
}
</script>
</head>

<body>
<table width="400" border="0" cellpadding="0" cellspacing="4">
<tr>
	<td>
        <input type="radio"  name="bank" id="bank1" onclick="enabletype();" checked="checked"/>กสิกรไทย
        <input type="radio"  name="bank" id="bank2" onclick="disabletype();"   />กรุงเทพ
        <input type="radio"  name="bank" id="bank3" />กรุงไทย
     </td>
</tr>
<tr>
	<td>
        <input type="radio"  name="accounttype" id="save" checked="checked" />ออมทรัพย์
        <input type="radio"  name="accounttype" id="daily" />รายวัน
     </td>
</tr>
</table>
</body>
</html>
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 5 guests