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

[mindphp]

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

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

<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" ใช้

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

$('#foo').val() ;
$('#bar').val();

หรือ ใช้ name ของ input ก็ได้

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

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

ถ้าเป็น radio buttons

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

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

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

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

การ เช็ตค่า

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

$('#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;