Saya coba cek radio button dengan jQuery. Berikut ini's my kode:
<form>
<div id='type'>
<input type='radio' id='radio_1' name='type' value='1' />
<input type='radio' id='radio_2' name='type' value='2' />
<input type='radio' id='radio_3' name='type' value='3' />
</div>
</form>
Dan JavaScript:
jQuery("#radio_1").attr('checked', true);
Doesn't bekerja:
jQuery("input[value='1']").attr('checked', true);
Doesn't bekerja:
jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);
Doesn't bekerja:
Apakah anda memiliki ide lain? Apa yang saya hilang?
Untuk versi jQuery yang sama atau di atas (>=) 1.6, gunakan:
$("#radio_1").prop("checked", true);
Untuk versi sebelum (<) 1.6, gunakan:
$("#radio_1").attr('checked', 'checked');
Tip: Anda juga mungkin ingin menelepon klik()
atau ubah()
pada tombol radio sesudahnya. See komentar untuk info lebih lanjut.
Mencoba ini.
Dalam contoh ini, saya'm penargetan dengan masukan nama dan nilai
$("input[name=background][value='some value']").prop("checked",true);
Baik untuk tahu: dalam kasus multi-nilai firman, ia akan bekerja karena apostrof, terlalu.
Mencoba ini.
Untuk memeriksa tombol Radio menggunakan Nilai gunakan ini.
$('input[name=type][value=2]').attr('checked', true);
Atau
$('input[name=type][value=2]').attr('checked', 'checked');
Atau
$('input[name=type][value=2]').prop('checked', 'checked');
Untuk memeriksa tombol Radio menggunakan ID gunakan ini.
$('#radio_1').attr('checked','checked');
Atau
$('#radio_1').prop('checked','checked');
The $.prop
cara yang lebih baik:
$(document).ready(function () {
$("#radio_1").prop('checked', true);
});
dan anda dapat menguji hal seperti berikut:
$(document).ready(function () {
$("#radio_1, #radio_2", "#radio_3").change(function () {
if ($("#radio_1").is(":checked")) {
$('#div1').show();
}
else if ($("#radio_2").is(":checked")) {
$('#div2').show();
}
else
$('#div3').show();
});
});
Jika properti nama
tidak bekerja don't lupa bahwa id
masih ada. Jawaban ini adalah untuk orang-orang yang ingin target id
di sini bagaimana anda lakukan.
$('input[id=element_id][value=element_value]').prop("checked",true);
Karena property nama
tidak bekerja untuk saya. Pastikan anda don't mengelilingi id
dan nama
dengan double/single kutipan.
Cheers!
Hanya dalam kasus ada yang mencoba untuk mencapai hal ini saat menggunakan jQuery UI, anda juga akan perlu untuk me-refresh UI centang objek untuk mencerminkan nilai diperbarui:
$("#option2").prop("checked", true); // Check id option2
$("input[name='radio_options']").button("refresh"); // Refresh button set
Coba ini
$(document).ready(function(){
$("input[name='type']:radio").change(function(){
if($(this).val() == '1')
{
// do something
}
else if($(this).val() == '2')
{
// do something
}
else if($(this).val() == '3')
{
// do something
}
});
});
Coba ini dengan contoh
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>
<script>
$(document).ready(function () {
$('#myForm').on('click', function () {
var value = $("[name=radio]:checked").val();
alert(value);
})
});
</script>
Mendapatkan nilai:
$("[name='type'][checked]").attr("value");
Menetapkan nilai:
$(this).attr({"checked":true}).prop({"checked":true});
Radio klik Tombol add attr diperiksa:
$("[name='type']").click(function(){
$("[name='type']").removeAttr("checked");
$(this).attr({"checked":true}).prop({"checked":true});
});
I'm maaf untuk bahasa inggris.
var $j = jQuery.noConflict();
$j(function() {
// add handler
$j('#radio-1, #radio-2').click(function(){
// find all checked and cancel checked
$j('input:radio:checked').prop('checked', false);
// this radio add cheked
$j(this).prop('checked', true);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset class="section">
<legend>Radio buttons</legend>
<label>
<input type="radio" id="radio-1" checked>
Option one is this and that—be sure to include why it's great
</label>
<br>
<label>
<input type="radio" id="radio-2">
Option two can be something else
</label>
</fieldset>
function rbcitiSelction(e) {
debugger
$('#trpersonalemail').hide();
$('#trcitiemail').show();
}
function rbpersSelction(e) {
var personalEmail = $(e).val();
$('#trpersonalemail').show();
$('#trcitiemail').hide();
}
$(function() {
$("#citiEmail").prop("checked", true)
});
Saya punya beberapa misalnya terkait harus ditingkatkan, bagaimana jika saya ingin menambahkan kondisi baru, katakanlah, jika saya ingin skema warna untuk disembunyikan setelah saya klik pada Status proyek nilai kecuali Pavers dan Paving Slab.
Contohnya adalah seperti berikut:
$(function () {
$('#CostAnalysis input[type=radio]').click(function () {
var value = $(this).val();
if (value == "Supply & Lay") {
$('#ul-suplay').empty();
$('#ul-suplay').append('<fieldset data-role="controlgroup"> \