මම jQuery සමඟ රේඩියෝ බොත්තමක් පරීක්ෂා කිරීමට උත්සාහ කරමි. මෙන්න මගේ කේතය:

<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>

සහ ජාවාස්ක්‍රිප්ට්:

jQuery("#radio_1").attr('checked', true);

වැඩ කරන්නේ නැත:

jQuery("input[value='1']").attr('checked', true);

වැඩ කරන්නේ නැත:

jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

වැඩ කරන්නේ නැත:

ඔබට වෙනත් අදහසක් තිබේද? මට නැති වී ඇත්තේ කුමක්ද?

JQuery සමාන හෝ ඊට වැඩි (> =) 1.6 අනුවාද සඳහා, භාවිතා කරන්න:

$("#radio_1").prop("checked", true);

(<) 1.6 ට පෙර අනුවාද සඳහා, භාවිතා කරන්න:

$("#radio_1").attr('checked', 'checked');

ඉඟිය: ඔබට පසුව ඇමතීමට click()හෝ change()ගුවන්විදුලි බොත්තම ඇමතීමට අවශ්‍ය විය හැකිය . වැඩි විස්තර සඳහා අදහස් බලන්න.

මේක උත්සාහ කරන්න.

මෙම උදාහරණයේ දී, මම එය ඉලක්ක කරන්නේ එහි ආදාන නම සහ වටිනාකම සමඟ ය

$("input[name=background][value='some value']").prop("checked",true);

දැන ගැනීම සතුටක්: බහු වචන වටිනාකමක් ඇති විට, එය ක්‍රියා කරනු ඇත්තේ ප්‍රේරිතයන් නිසා ය.

JQuery 1.6 හි එකතු කරන ලද තවත් එක් ශ්‍රිත මුක්කු () එකම අරමුණ ඉටු කරයි.

$("#radio_1").prop("checked", true); 

කෙටි හා කියවීමට පහසු විකල්පය:

$("#radio_1").is(":checked")

එය සත්‍ය හෝ අසත්‍යය වන බැවින් ඔබට එය "if" ප්‍රකාශයේ භාවිතා කළ හැකිය.

මේක උත්සාහ කරන්න.

අගය භාවිතා කරමින් රේඩියෝ බොත්තම පරීක්ෂා කිරීමට මෙය භාවිතා කරන්න.

$('input[name=type][value=2]').attr('checked', true); 

හෝ

$('input[name=type][value=2]').attr('checked', 'checked');

හෝ

$('input[name=type][value=2]').prop('checked', 'checked');

හැඳුනුම්පත භාවිතයෙන් රේඩියෝ බොත්තම පරීක්ෂා කිරීමට මෙය භාවිතා කරන්න.

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

හෝ

$('#radio_1').prop('checked','checked');

මේක උත්සාහ කරන්න:

$("input[name=type]").val(['1']);

http://jsfiddle.net/nwo706xw/

මෙම $.propමාර්ගය වඩා හොඳ ය:

$(document).ready(function () {                            
    $("#radio_1").prop('checked', true);        
});

ඔබට එය පහත පරිදි පරීක්ෂා කළ හැකිය:

$(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();
    });        
});

ඔබ කළ යුතුයි

jQuery("#radio_1").attr('checked', 'checked');

එය HTML ගුණාංගයයි

පුදුමයට කරුණක් නම්, වඩාත්ම ජනප්‍රිය හා පිළිගත් පිළිතුර, අදහස් දැක්වීම් නොතකා සුදුසු සිදුවීමක් අවුලුවාලීම නොසලකා හැරීමයි. ඔබ ආයාචනා කරන බවට වග බලා ගන්න .change() , එසේ නොමැතිනම් සියලු "වෙනස්වීම්" බන්ධන මෙම සිදුවීම නොසලකා හරිනු ඇත.

$("#radio_1").prop("checked", true).change();

දේපල nameක්‍රියා නොකරන්නේ නම් එය idතවමත් පවතින බව අමතක නොකරන්න . මෙම පිළිතුර idඔබ කරන ආකාරය මෙහි ඉලක්ක කිරීමට කැමති අය සඳහා ය .

$('input[id=element_id][value=element_value]').prop("checked",true);

දේපළ nameමට වැඩ නොකරන නිසා . ඔබ අවට නැති idබවත් nameද්විත්ව / තනි උපුටා දැක්වීම් ඇති බවත් සහතික කරගන්න .

චියර්ස්!

ඔව්, එය මට ක්‍රමයක් ලෙස ක්‍රියා කළේය:

$("#radio_1").attr('checked', 'checked');

මේක උත්සාහ කරන්න

$(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
        }
    });
});

$("input[name=inputname]:radio").click(function() {
    if($(this).attr("value")=="yes") {
        $(".inputclassname").show();
    }
    if($(this).attr("value")=="no") {
        $(".inputclassname").hide();
    }
});

වටිනාකම ලබා ගන්න:

$("[name='type'][checked]").attr("value");

අගය සකසන්න:

$(this).attr({"checked":true}).prop({"checked":true});

ගුවන්විදුලි බොත්තම ක්ලික් කරන්න attr පරීක්ෂා කර ඇත:

$("[name='type']").click(function(){
  $("[name='type']").removeAttr("checked");
  $(this).attr({"checked":true}).prop({"checked":true});
});

අපට එය radioබොත්තමක් යැයි පැවසීමට අවශ්‍යය. එබැවින් කරුණාකර පහත කේතය සමඟ උත්සාහ කරන්න.

$("input[type='radio'][name='userRadionButtonName']").prop('checked', true);

JQuery UI භාවිතා කරන අතරතුර යමෙක් මෙය සාක්ෂාත් කර ගැනීමට උත්සාහ කරන්නේ නම්, යාවත්කාලීන කළ අගය පිළිබිඹු කිරීම සඳහා ඔබට UI පිරික්සුම් කොටුවේ වස්තුව නැවුම් කළ යුතුය:

$("#option2").prop("checked", true); // Check id option2
$("input[name='radio_options']").button("refresh"); // Refresh button set

මුක්කු () මෙහ්ටෝඩ් භාවිතා කරන්න

මූලාශ්‍ර සබැඳිය

<p>
    <h5>Radio Selection</h5>

    <label>
        <input type="radio" name="myRadio" value="1"> Option 1
    </label>
    <label>
        <input type="radio" name="myRadio" value="2"> Option 2
    </label>
    <label>
        <input type="radio" name="myRadio" value="3"> Option 3
    </label>
</p>

<p>
    <button>Check Radio Option 2</button>
</p>


<script>
    $(function () {

        $("button").click(function () {
            $("input:radio[value='2']").prop('checked',true);
        });

    });
</script>

මම මෙම කේතය භාවිතා කරමි:

මට ඉංග්‍රීසි ගැන කණගාටුයි.

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&mdash;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>

උදාහරණයකින් මෙය උත්සාහ කරන්න

<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>

මේක උත්සාහ කරන්න

var isChecked = $("#radio_1")[0].checked;

function rbcitiSelction(e) {
     debugger
    $('#trpersonalemail').hide();
    $('#trcitiemail').show();
}

function rbpersSelction(e) {
    var personalEmail = $(e).val();
    $('#trpersonalemail').show();
    $('#trcitiemail').hide();
}

$(function() {  
    $("#citiEmail").prop("checked", true)
});

$("#radio_1").attr('checked', true);
//or
$("#radio_1").attr('checked', 'checked');

වැඩි දියුණු කිරීම සඳහා මට අදාළ උදාහරණ කිහිපයක් තිබේ, මට නව කොන්දේසියක් එක් කිරීමට අවශ්‍ය නම්, පේවර්ස් සහ පදික ස්ලැබ් හැර ව්‍යාපෘති තත්ව වටිනාකම මත ක්ලික් කිරීමෙන් පසු මට වර්ණ පටිපාටිය සැඟවීමට අවශ්‍ය නම්, කියමු.

උදාහරණය මෙහි ඇත:

$(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"> \

http://jsfiddle.net/m7hg2p94/4/

ඊට අමතරව, මූලද්රව්යය පරීක්ෂා කර තිබේද නැද්ද යන්න ඔබට පරීක්ෂා කළ හැකිය:

if ($('.myCheckbox').attr('checked'))
{
   //do others stuff
}
else
{
   //do others stuff
}

පරීක්ෂා නොකළ අංගයක් සඳහා ඔබට පරීක්ෂා කළ හැකිය:

$('.myCheckbox').attr('checked',true) //Standards way

ඔබට මේ ආකාරයෙන් සලකුණු කළ නොහැක:

$('.myCheckbox').removeAttr('checked')

ඔබට රේඩියෝ බොත්තම පරීක්ෂා කළ හැකිය:

JQuery සමාන හෝ ඊට වැඩි (> =) 1.6 අනුවාද සඳහා, භාවිතා කරන්න:

$("#radio_1").prop("checked", true);

(<) 1.6 ට පෙර අනුවාද සඳහා, භාවිතා කරන්න:

$("#radio_1").attr('checked', 'checked');

මම jquery-1.11.3.js භාවිතා කළෙමි

මූලික සක්‍රීය සහ අක්‍රීය කරන්න

ඉඟි 1: (රේඩියෝ බොත්තම් වර්ගය පොදු අක්‍රීය කරන්න සහ සක්‍රීය කරන්න)

$("input[type=radio]").attr('disabled', false);
$("input[type=radio]").attr('disabled', true); 

ඉඟි 2: (හැඳුනුම්පත් තේරීම මුක්කු () හෝ attr () භාවිතා කිරීම)

$("#paytmradio").prop("checked", true);
$("#sbiradio").prop("checked", false);

jQuery("#paytmradio").attr('checked', 'checked'); // or true this won't work
jQuery("#sbiradio").attr('checked', false);

ඉඟි 3: (පන්ති තේරීම්කරු මුක්කු () හෝ ආරුට් () භාවිතා කරමින්

$(".paytm").prop("checked", true);
$(".sbi").prop("checked", false);

jQuery(".paytm").attr('checked', 'checked'); // or true
jQuery(".sbi").attr('checked', false);

වෙනත් ඉඟි

$("#paytmradio").is(":checked")   // Checking is checked or not
$(':radio:not(:checked)').attr('disabled', true); // All not check radio button disabled

$('input[name=payment_type][value=1]').attr('checked', 'checked'); //input type via checked
 $("input:checked", "#paytmradio").val() // get the checked value

index.html

<div class="col-md-6">      
    <label class="control-label" for="paymenttype">Payment Type <span style="color:red">*</span></label>
    <div id="paymenttype" class="form-group" style="padding-top: inherit;">
        <label class="radio-inline" class="form-control"><input  type="radio" id="paytmradio"  class="paytm" name="paymenttype" value="1" onclick="document.getElementById('paymentFrm').action='paytmTest.php';">PayTM</label>
        <label class="radio-inline" class="form-control"><input  type="radio" id="sbiradio" class="sbi" name="paymenttype" value="2" onclick="document.getElementById('paymentFrm').action='sbiTest.php';">SBI ePAY</label>
    </div>
</div>

මේක උත්සාහ කරන්න

 $("input:checked", "#radioButton").val()

පරීක්ෂා True නොකළ ප්‍රතිලාභ නම් පරීක්ෂා නොකළ ප්‍රතිලාභFalse

jQuery v1.10.1

ඉහත විසඳුම් කිහිප වතාවක් ක්‍රියා නොකරයි, එවිට ඔබට පහත උත්සාහ කළ හැකිය:

jQuery.uniform.update(jQuery("#yourElementID").attr('checked',true));
jQuery.uniform.update(jQuery("#yourElementID").attr('checked',false));

ඔබට උත්සාහ කළ හැකි තවත් ක්‍රමයක් නම්:

jQuery("input:radio[name=yourElementName]:nth(0)").attr('checked',true);

මේක උත්සාහ කරන්න:

$(document).ready(function(){
  $("#Id").prop("checked", true).checkboxradio('refresh');
});

මට දැන් සමාන ගැටලුවක් තිබේ, සරල විසඳුමක් වන්නේ භාවිතා කිරීමයි:

.click()

ඇමතුම් ශ්‍රිතයෙන් පසු ඔබ ගුවන් විදුලිය නැවුම් කළහොත් වෙනත් ඕනෑම විසඳුමක් ක්‍රියාත්මක වේ.

attr නූල් දෙකක් පිළිගනී.

නිවැරදි ක්‍රමය නම්:

jQuery("#radio_1").attr('checked', 'true');