สอบถามทำ jquery เปิด-ปิดช่องตามที่เลือกจาก radio

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

Moderator: mindphp

User avatar
eange08
PHP Super Hero Member
PHP Super Hero Member
Posts: 874
Joined: 22/12/2020 10:09 am

สอบถามทำ jquery เปิด-ปิดช่องตามที่เลือกจาก radio

Post by eange08 »

ถ้าเรากดว่า Disapprove อยากให้ช่อง Not Approve Remark แสดงออกมานะคะ ถ้า phpBB ใน ACP ต้องเขียนยังไงค่ะ รบกวนขอตัวอย่างโค้ดได้ไหมค่ะ

อยากให้แสดงแบบนี้นะคะ
screenshot-localhost-2021.02.03-12_30_41.png
screenshot-localhost-2021.02.03-12_30_41.png (11.17 KiB) Viewed 659 times
User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 27595
Joined: 22/09/2008 6:18 pm
Contact:

Re: สอบถามทำ jquery เปิด-ปิดช่องตามที่เลือกจาก radio

Post by mindphp »

คนนี้ช่วยได้
memberlist.php?mode=viewprofile&u=14174
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
User avatar
eange08
PHP Super Hero Member
PHP Super Hero Member
Posts: 874
Joined: 22/12/2020 10:09 am

Re: สอบถามทำ jquery เปิด-ปิดช่องตามที่เลือกจาก radio

Post by eange08 »

ทำ javascript ได้แล้วนะคะ :)
หน้า html ที่เป็น radio ให้ใส่เรียก fucntion ในไฟล์ javascript

Code: Select all

<input type="radio" class="radio" name="reg_status" value="0" onclick="opennoappv_remark(this.value);"    />
หน้า html ที่เป็นท่อน Not Approve Remark

Code: Select all

<tr class="no_appv" style="display:none;"> <!--ใส่ class และปิดในส่วน <tr> นี้ไปก่อนด้วย display:none;-->
                <td class="topic">{L_NOAPPROVE_REMARK}</td>
                <td colspan="2">
                    <label><input name="noapprove_remark" type="text" id="noapprove_remark" value="{NOAPPROVE_REMARK}" size="64" maxlength="255"></label>                   
                </td> 
            </tr>
ในไฟล์ js ทำ function

Code: Select all

function opennoappv_remark(val){ 
    if(val==0){ //---ถ้าเป็น Disapprove ก็ทำการเปิด no_appv ออกมา
    $('.no_appv').show(); 
    $('.noapprove_remark').val('');
    }else{
    $('.no_appv').hide();    
    $('.noapprove_remark').val('');
    }
}
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 6 guests