PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

ปัญหาเรื่องการแสดงค่าจาก checkbox

ปัญหาเรื่องการแสดงค่าจาก checkbox
<script type="text/javascript>
$("#save").click(function () {
       var ability = "";
       var count = 0;
     
                if ($("input[type='checkbox'][name='chkb']").attr('checked')) {
                    ability += $("input[type='checkbox'][name='chkb']:checked").val();
                    if (count > 0) {
                        ability += " , ";
                    }
                    document.getElementById("Ability_val").value = ability;
                    count++;
                }
});
</script>

<body>
          <button type="submit" id="save">บันทึก</button>

          <div class="div2" >   
                  ความสามารถในการขับขี่ :
                  <textarea id="Ability_val"></textarea>
          </div>
</body>



คือหลังจากกดปุ่ม submit แล้ว อยากให้ข้อมูลที่เลือกใน checkbox แสดงใน textarea ค่ะ      รบกวนด้วยนะคะ





โดย:  Ninee Chongchaur IP: 171.96.177.xxx วันที่: 19-04-2016 เวลา: 17:04:20

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

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


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


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

โดย:  Ninee Chongchaur IP: 171.96.178.xxx วันที่: 19-04-2016 เวลา: 22:08:26
 ความคิดเห็นที่ 1
ดูตัวอย่างนี้เป็นแนวทาง

1
2
3
4


ความสามารถในการขับขี่ :



<div id="place_banner1" style="margin:auto;width:700px;">
	<input type="checkbox" name="chk1" class="chk_css" value="1">1<br>
	<input type="checkbox" name="chk2" class="chk_css" value="2">2<br>
	<input type="checkbox" name="chk3" class="chk_css" value="3">3<br>
	<input type="checkbox" name="chk4" class="chk_css" value="4">4<br>        
    <br>
<br>
          <button type="submit" id="save">บันทึก</button>
          <div class="div2" >   
                  ความสามารถในการขับขี่ :
                  <textarea id="Ability_val"></textarea>
          </div>
</div>
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>    
<script type="text/javascript">
$(function(){
    $("#save").on("click",function(){
		var ability=[];
		if($(".chk_css:checked").length>0){
			$(".chk_css:checked").each(function(k,v){
				var valCheck = $(".chk_css:checked").eq(k).val();
				ability.push(valCheck);
			});
			$("#Ability_val").val(ability.join(","));
		}
	});
});   
</script>


โดย:  Ninenik IP: 122.155.42.xxx วันที่: 19-04-2016