PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

สอบถามเกี่ยวกับการเลือก Checkbox ค่ะ

สอบถามเกี่ยวกับการเลือก Checkbox ค่ะ
เมื่อเราเลือก Checkbox1 จะปรากฎ textbox1 เพื่อให้สามารถรับค่าลงฐานข้อมูล
และหากเลือก Checkbox2 จะปรากฎ textbox2 
และหากเลือกทั้ง Checkbox1 และ Checkbox2 จะปรากฎ textbox3 ค่ะ

ต้องสร้างเงื่อนไขอย่างไร สามารถทำอย่างไรได้บ้างคะ รบกวนด้วยนะคะ TT

โดย:  Apatsaraare IP: 223.205.108.xxx วันที่: 24-06-2015 เวลา: 14:52:53

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 2
พี่คะ ขอบคุณมาก ๆ นะคะ ปลื้มเลยยยยยยยยยยยย  ขอบคุณค่ะ 

โดย:  Apatsaraare IP: 223.205.108.xxx วันที่: 24-06-2015 เวลา: 17:22:37
 ความคิดเห็นที่ 1
ขึ้นกับรูปแบบดูโค้ดเป็นแนวทาง

<div style="margin:auto;width:80%;">
<input type="checkbox" class="css_chk" name="checkbox1" id="checkbox1" value="1"> 1<br>
<input type="checkbox" class="css_chk" name="checkbox2" id="checkbox2" value="2"> 2<br>
<input type="text" class="css_text" name="textbox1" id="textbox1" value="1" style="display:none;">
<input type="text" class="css_text" name="textbox2" id="textbox2" value="2" style="display:none;">
<input type="text" class="css_text" name="textbox3" id="textbox3" value="3" style="display:none;">
    
</div>       
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>      
<script type="text/javascript">  
$(function(){  
    
     $(".css_chk").on("click",function(){
         var count_chk=0;
         $(".css_text").hide();
         $(".css_chk").each(function(i,k){
             if($(".css_chk:eq("+i+")").prop("checked")){
                 count_chk++;
                 $(".css_text:eq("+i+")").show();
             }
             if(count_chk==2){
                 $(".css_text").hide();
                 $(".css_text:eq(2)").show();
             }
         });
     });
    
});  
</script>    


ตัวอย่าง


1
2


โดย:  Ninenik IP: 183.88.77.xxx วันที่: 24-06-2015