Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่อง Radio Button หน่อยครับพี่น้อง-------------------------------------------------------------------------------------------------

สอบถามเรื่อง Radio Button หน่อยครับพี่น้อง-------------------------------------------------------------------------------------------------

เริ่มหัวข้อใหม่

Guest

คือ ผมมี radio button 2 ปุ่ม ชื่อ:-

1) Course
2) Individual

พอผมเลือกcourse อยากไห้กล่อง textbox หายไป ณ ขนะที่ tick ปุ่ม course

เเต่ถ้าผมเลือก individual ไห้กล่อง text box กลับมา

สามารถทําได้ไหมครับ เเบบไม่ต้องกดsubmitอ่ะครับ

Tag : PHP

Date : 2011-01-24 19:45:50

By : charoenvit

View : 921

Reply : 2

No. 1

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ใช้การ disabled เอาง่ายกว่าไหมครับ
<form>
<input type="checkbox" name="Course" onclick="this.form.Textbox.disabled == true;"/>
<input type="checkbox" name="Individual" onclick="this.form.Textbox.disabled == false;"/>
<input type="textbox" name="Textbox"/>
</form>

Date : 2011-01-24 22:12:35

By : PlaKriM

No. 2

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

<div id="radio_group">
<form id="form" method="get" action="testAddPush.php">
<input name="notification" type="radio" id="RadioGroup1_0" value="Course" onclick="document.getElementById('pushUserNameTextBox').style.display='none';" />
<label for="RadioGroup1_0">Course</label>
<input name="notification" type="radio" id="RadioGroup1_1" value="Individual" onclick="document.getElementById('pushUserNameTextBox').style.display='';" />
<label for="RadioGroup1_1">Individual</label>
</form></div>

>> pushUserNameTextBox = textbox ที่ต้องการซ่อนแสดงผล

อาจจะสร้างเป็นฟังก์ชั่นสำหรับ ซ่อน/แสดง ผลด้วยจาวาสคริปต์เลยก็ได้ หากต้องใช้บ่อยๆ
Code (JavaScript)

<script type="text/javascript">
    function showobj(obj){
        document.getElementById(obj).style.display = '';
    }
     function hideobj(obj){
        document.getElementById(obj).style.display = 'none';
    }
</script>

เปลี่ยนสคริปต์ตอนคลิกเป็น >>

<input name="notification" type="radio" id="RadioGroup1_0" value="Course" onclick="hideobj('pushUserNameTextBox');" />
<input name="notification" type="radio" id="RadioGroup1_1" value="Individual" onclick="showobj('pushUserNameTextBox');" />

หากต้องการซ่อนแสดงมากกว่าหนึ่งตัว ก็เพิ่มเข้าไปเป็น

<input name="notification" type="radio" id="RadioGroup1_0" value="Course" onclick="hideobj('pushUserNameTextBox/');hideobj('TextBox2');" />
<input name="notification" type="radio" id="RadioGroup1_1" value="Individual" onclick="showobj('pushUserNameTextBox');showobj('TextBox2');" />

ประวัติการแก้ไข
2011-01-24 23:26:23
2011-01-25 20:43:58

Date : 2011-01-24 23:24:47

By : Naizan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่อง Radio Button หน่อยครับพี่น้อง-------------------------------------------------------------------------------------------------

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01