วิธีอ่าน ค่า และ เชตค่า input field ใน form ด้วย Jquery

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

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

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

วิธีอ่าน ค่า และ เชตค่า input field ใน form ด้วย Jquery

Post by mindphp » 29/08/2009 11:48 pm

วิธีอ่าน ค่า และ เชตค่า input field ใน form ด้วย Jquery
jQuery ใช้ val() ในการจัดการกับ มันเช่น ถ้าเรามี html

Code: Select all

<input name="foo" id="foo" type="text">

<select name="foo" id="bar">
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
</select>
การอ่านค่าจาก "foo" and "bar" ใช้

Code: Select all

$('#foo').val() ;
$('#bar').val();
หรือ ใช้ name ของ input ก็ได้

Code: Select all

 $('[name=foo]').val() ;
$('[name=bar]').val() ;

ถ้าเป็น radio buttons

Code: Select all

<input type="radio" name="baz" value="x">
<input type="radio" name="baz" value="y">
<input type="radio" name="baz" value="z">

Code: Select all

$('input[name=baz]:checked').val()


การ เช็ตค่า

Code: Select all

$('#foo').val('this is some example text');
$('#bar').val('3');
OR
$('[name=foo]').val('this is some example text');
$('[name=bar]').val('3');
สำหรับ radio
$('input[name="baz"]')[0].checked = true;
ติดตาม 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
    Replies
    Views
    Last post

Return to “AJAX Javascript Library - jQuery”

Who is online

Users browsing this forum: No registered users and 17 guests