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

เลือก radio button แล้วแสดง ข้อมูลที่ต้องการขึ้นมาครับ แต่อยากให้ซ่อนข้อความที่ต้องการแสดงหายไปก่อนด้วย เมื่อยังไม่กดที่ radio

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

Hyskoa

โพสกระทู้ ( 545 )
บทความ ( 0 )

ตอนนี้ กด หายและ แสดงได้แล้วครับ แต่ เวลาเปิดหน้าขึ้นมา จะมีข้อความที่ยังไม่ให้แสดง เมือกด ที่ radio ขึ้นมาก่อนครับ เช่น
ตอนนี้ ผมกด TUXEDO ก็จะมีตั้ว Tuxedo Button (+$10) แสดงขึ้นมา พอกดอันอื่นมันก็หายครับ แต่ปัญหาคือ ตอนเปิดหน้านี้ขึ้นมาใหม่อะครับ ตัว Tuxedo Button (+$10) จะแสดง ขึ้นมาแต่แรกเลยอะครับ ยังไม่อยากให้แสดงต้องทำยังไงหรอครับ
Code (PHP)

<div id="optionStep1">
        <h1 class="myH1001">SHIRT PLACKETS</h1>
        <script>
									function shirtplacket(pvar) {
									if(pvar==0){
									document.getElementById("optionStep3").style.display = 'none';
									}else{
									document.getElementById("optionStep3").style.display = '';
									}
									}
        </script> 
        <body onload="shirtplacket('0')">
        	<ul class="optionSection">
            <li>
                	<img src="images/shirt_customize/placket/2.png">
                  	<div class="blockDetail01">
                      <input type="radio" name="shirt_placket" id="radio" value="2" onclick="shirtplacket('0')" checked>
                      <br>
                      <label for="radio">PLEATED PLACKET </label>
                    </div>
                </li>
            	<li>
                	<img src="images/shirt_customize/placket/1.png">
                    <div class="blockDetail01">
                      <input type="radio" name="shirt_placket" id="radio" value="1" onclick="shirtplacket('0')">
                      <br>
                      <label for="radio">PLAIN FRONT</label>
                    </div>
                </li>
                <li><img src="images/shirt_customize/placket/3.png">
                    <div class="blockDetail01">
                      <input type="radio" name="shirt_placket" id="radio" value="3" onclick="shirtplacket('0')">
                      <br>
                      <label for="radio">HIDDEN</label>
                    </div>
                </li>
                <li><img src="images/shirt_customize/placket/4.png">
                  <div class="blockDetail01">
                      <input type="radio" name="shirt_placket" id="radio" value="4" onclick="shirtplacket('0')">
                      <br>
                      <label for="radio"> PLACKET DOUBLE BOTTON</label>
                    </div>
              </li>
                <li><img src="images/shirt_customize/placket/5.png">
                  <div class="blockDetail01">
                      <input type="radio" name="shirt_placket" id="radio" value="5" onclick="shirtplacket('1')">
                      <br>
                      <label for="radio">TUXEDO</label>
                    </div>
              </li>              
               <li>
               <div id="optionStep3" class="clear" class="blockDetail01">
               <label for="radio">Tuxedo Button (+$10)</label>
               <br>
               <input type="radio" name="tuxedo_button" value="Normal"><label for="radio"> Normal</label>
               <br>
               <input type="radio" name="tuxedo_button" value="Studds"><label for="radio"> Studds</label>            
               </div>  
               </li>
            </ul>
        </div>

Tag : PHP, MySQL

ประวัติการแก้ไข
2014-11-19 14:40:21

Date : 2014-11-19 13:25:48

By : tangsupap

View : 1908

Reply : 1

No. 1

Guest

ใส่ style="display :none;" เข้าไปที่ตัวที่จะไม่ให้แสดง

Date : 2014-11-20 17:05:31

By : แค่ล้อเล่น

ค้นหาข้อมูล

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

Re : เลือก radio button แล้วแสดง ข้อมูลที่ต้องการขึ้นมาครับ แต่อยากให้ซ่อนข้อความที่ต้องการแสดงหายไปก่อนด้วย เมื่อยังไม่กดที่ radio

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 00

Registered : 109,037

No. 1

ค้นหาข้อมูล

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

Notice