Jquery นับจำนวน check box

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

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

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 21755
Joined: 22/09/2008 6:18 pm
Contact:

Jquery นับจำนวน check box

Postby mindphp » 25/09/2009 3:50 pm

Code: Select all

<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
หมวดแชร์ความรู้: viewforum.php?f=29
รับอบรม และพัฒนาระบบ: viewtopic.php?f=6&t=2042

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 21755
Joined: 22/09/2008 6:18 pm
Contact:

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

Postby mindphp » 25/09/2009 4:09 pm

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

Code: Select all

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

Code: Select all

<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
หมวดแชร์ความรู้: viewforum.php?f=29
รับอบรม และพัฒนาระบบ: viewtopic.php?f=6&t=2042


Return to “AJAX Javascript Library - jQuery”

Who is online

Users browsing this forum: No registered users and 4 guests