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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเกี่ยวกับการเลือก Checkbox ค่ะ

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

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


Apatsaraare 223.205.108.xxx 24-06-2015 14:52:53

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

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


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


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 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 183.88.77.xxx 24-06-2015
 ความคิดเห็นที่ 2
พี่คะ ขอบคุณมาก ๆ นะคะ ปลื้มเลยยยยยยยยยยยย  ขอบคุณค่ะ 


apatsaraare 223.205.108.xxx 24-06-2015 17:22






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ