Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,303

HOME > PHP > PHP Forum > รบกวนสอบถาม การทำให้ listbox ทึบ ต้องเลือก radio ก่อนจึงจะสามารถเลือก listbox ได้





 

รบกวนสอบถาม การทำให้ listbox ทึบ ต้องเลือก radio ก่อนจึงจะสามารถเลือก listbox ได้

 



Topic : 132724



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



สถานะออฟไลน์




รบกวนสอบถาม การทำให้ listbox ทึบ และต้องเลือก radio ก่อนจึงจะสามารถเลือก listbox ได้ครับ

เริ่มรันหน้ามาให้ listbox ที่ 1 และ 2 ทึบก่อนครับ

เมื่อเลือก radio 1 ให้สามารถเลือก listbox ที่ 1ได้
เมื่อเลือก radio 2 ก็ให้สามารถเลือก listbox ที่ 2 ได้ครับ

แบบนี้ต้องใช้ฟังค์ชั่น แบบไหนครับ

ขอบคุณครับ



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-12-07 10:11:59 By : psychologyz View : 107 Reply : 3
 

 

No. 1



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



สถานะออฟไลน์


ลองศึกษาเกี่ยวกับ event ของ javascript / jQuery ดูครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-12-07 10:40:01 By : Jatmentz
 


 

No. 2



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



สถานะออฟไลน์
Facebook Blogger

ตัวอย่างครับ

Code (JavaScript)
var $radio = $('input[name="fruit"]');
var $durianSelect = $('#durian');
var $starSelect = $("#starfruit");

$starSelect.prop('disabled', true);
$radio.on('change', function(e) {
 if ($(this).val() === 'durian') {
    $starSelect.prop('disabled', true);
    $durianSelect.prop('disabled', false)
 } else {
    $starSelect.prop('disabled', false);
    $durianSelect.prop('disabled', true);
 }
})



Code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<label class="control-label col-md-4 col-sm-3 col-xs-12">durian
</label>
<div class="col-md-5 col-sm-6 col-xs-12">
<div class="col-md-1">
<input type="radio" class="radio-button" name="fruit" value="durian" checked>
</div>
<div class="col-md-11">
<select id="durian" class="form-control" style="width: 100%" name="durian">
<option value="pilih" disabled selected>Pilih</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-4 col-sm-3 col-xs-12">starfruit
</label>
<div class="col-md-5 col-sm-6 col-xs-12">
<div class="col-md-1">
<input type="radio" class="radio-button" name="fruit" value="starfruit">
</div>
<div class="col-md-11">
<select id="starfruit" class="form-control" style="width: 100%" name="starfruit">
<option value="pilih" disabled selected>Pilih</option>
</select>
</div>
</div>
</div>



ที่มา : https://stackoverflow.com/questions/46460088/how-can-i-disable-enable-select-option-based-on-radio-button-with-javascript
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-12-07 11:01:54 By : {Cyberman}
 

 

No. 3



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



สถานะออฟไลน์


อันนี้เป็นตัวอย่างที่ผมชอบทำ
Code (PHP)
<input type="radio" name="x_rad" for="#listbox_id_1" >
<input type="radio" name="x_rad" for="#listbox_id_2" >
<select class="listbox" id="listbox_id_1"></select>
<select class="listbox" id="listbox_id_2"></select>
<script>
$(document).ready(()=>{
  $('input[name="x_rad"]).click(function(){
     $('.listbox').prop('disabled', true);
     $($(this).attr('for')).prop('disabled', false);
  });
});
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-12-07 13:35:22 By : Chaidhanan
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนสอบถาม การทำให้ listbox ทึบ ต้องเลือก radio ก่อนจึงจะสามารถเลือก listbox ได้
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่