ปุ่มตัวเลือก jQuery ตั้งค่า

ฉันกำลังพยายามตั้งค่าปุ่มตัวเลือก ฉันต้องการตั้งค่าโดยใช้ค่าหรือรหัส

นี่คือสิ่งที่ฉันพยายาม

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol คือรหัสของปุ่มตัวเลือก

อาจจะมีการแก้ไขเล็กน้อยตามลำดับ

มีกล่องวิทยุสองชุดชุดหนึ่งมีเสาและอีกชุดมีแถว ดังนั้นฉันจึงเห็นประเด็นในการไม่ใช้ id ความผิดฉันเอง. ดังนั้นฉันจึงมีตัวอย่าง:

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

และ

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

เมื่อลบรหัสออกและฉันต้องตั้งค่าให้ถูกต้อง

ตัวเลือกของคุณมองหาinput:radio[name=cols]องค์ประกอบที่สืบทอดมาจากองค์ประกอบที่มีรหัสnewcol(เช่นเดียวกับค่าของตัวแปรนั้น)

ลองใช้สิ่งนี้แทน (เนื่องจากคุณเลือกด้วย ID อยู่แล้ว):

$('#' + newcol).prop('checked',true);

นี่คือการสาธิต: http://jsfiddle.net/jasper/n8CdM/1/

นอกจากนี้สำหรับ jQuery 1.6 วิธีการที่แนะนำในการแก้ไขคุณสมบัติคือ.prop(): http://api.jquery.com/prop

ฉันพบคำตอบที่นี่:
https://web.archive.org/web/20160421163524/http://vijayt.com/Post/Set-RadioButton-value-using-jQuery

โดยทั่วไปหากคุณต้องการตรวจสอบปุ่มตัวเลือกเดียวคุณต้องส่งค่าเป็นอาร์เรย์:

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

ในตัวเลือกของคุณดูเหมือนว่าคุณกำลังพยายามดึงองค์ประกอบที่ซ้อนกันของปุ่มตัวเลือกด้วยรหัสที่กำหนด หากคุณต้องการตรวจสอบปุ่มตัวเลือกคุณควรเลือกปุ่มตัวเลือกนี้ในตัวเลือกไม่ใช่อย่างอื่น:

$('input:radio[name="cols"]').attr('checked', 'checked');

นี่จะถือว่าคุณมีปุ่มตัวเลือกต่อไปนี้ในมาร์กอัปของคุณ:

<input type="radio" name="cols" value="1" />

หากปุ่มตัวเลือกของคุณมี id:

<input type="radio" name="cols" value="1" id="myradio" />

คุณสามารถใช้ตัวเลือกรหัสได้โดยตรง:

$('#myradio').attr('checked', 'checked');

คุณสามารถลองใช้รหัสต่อไปนี้:

$("input[name=cols][value=" + value + "]").attr('checked', 'checked');

การดำเนินการนี้จะตั้งค่าแอตทริบิวต์ที่ตรวจสอบสำหรับคอลัมน์วิทยุและค่าตามที่ระบุ

'input:radio[name=cols]'ทำไมคุณต้อง ไม่ทราบ html ของคุณ แต่สมมติว่ารหัสไม่ซ้ำกันคุณสามารถทำได้

$('#'+newcol).prop('checked', true);

ลองสิ่งนี้:

$("#" + newcol).attr("checked", "checked");

ฉันมีปัญหากับattr("checked", true)ฉันจึงมักจะใช้ข้างต้นแทน

นอกจากนี้หากคุณมี ID คุณก็ไม่จำเป็นต้องมีสิ่งอื่นในการเลือก ID ไม่ซ้ำกัน

เนื่องจากnewcolเป็นรหัสของปุ่มตัวเลือกคุณสามารถใช้งานได้ดังต่อไปนี้

$("#"+newcol).attr('checked',true);

การใช้.filter()งานยังใช้งานได้และมีความยืดหยุ่นสำหรับ id, value, name:

$('input[name="cols"]').filter("[value='Site']").attr('checked', true);

(เห็นในบล็อกนี้ )

รวมคำตอบก่อนหน้านี้:

$('input[name="cols"]').filter("[value='Site']").click();

คุณสามารถใช้:

$("input[name='cols']").click();

คำตอบที่เลือกใช้ได้ในกรณีนี้

แต่คำถามเกี่ยวกับการค้นหาองค์ประกอบตามกลุ่มวิทยุและรหัสไดนามิกและคำตอบยังสามารถปล่อยให้ปุ่มตัวเลือกที่แสดงไม่ได้รับผลกระทบ

บรรทัดนี้จะเลือกสิ่งที่ถูกขอในขณะที่แสดงการเปลี่ยนแปลงบนหน้าจอด้วย

$('input:radio[name=cols][id='+ newcol +']').click();

ในกรณีของฉันค่าปุ่มตัวเลือกจะถูกดึงมาจากฐานข้อมูลแล้วตั้งค่าลงในแบบฟอร์ม รหัสต่อไปนี้ใช้ได้กับฉัน

$("input[name=name_of_radio_button_fields][value=" + saved_value_comes_from_database + "]").prop('checked', true);