Jquery นับจำนวน check box

รวมโค้ด AJAX Javascript Library jQuery Framework ต่างๆ ที่ใช้ คู่กับ php Script Ajax โค้ด Ajax Prototype UI แนะนำได้ที่นี่

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41417
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Jquery นับจำนวน check box

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

โค้ด: เลือกทั้งหมด

<script src="jquery.js" type="text/javascript">
function chk_box_count(){
var lenChkBox = $("input:checked").length;
alert(lenChkBox);
}
<script>

<form>
<input type="checkbox" name="chk1" >
<input type="checkbox" name="chk1" >
<input type="checkbox" name="chk1" >
<input type="button" value="Check box count" onclick="chk_box_count()" >
</form>
Jquery นับจำนวน checked box
ติดตาม 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
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41417
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: Jquery นับจำนวน check box

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ถ้า ตั้ง input field เป็น array
นับโดยใช้ ชื่อแทน

โค้ด: เลือกทั้งหมด

function chk_box_count(){
	var lenChkBox = $("input.[name=produce[]]:checked").length;
	alert(lenChkBox);
}

โค้ด: เลือกทั้งหมด

<input name="produce[]" id="produce[]" value="99" type="checkbox">
<input name="produce[]" id="produce[]" value="100" type="checkbox">
ติดตาม 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
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 75