Ich versuche mit jQuery ein Optionsfeld zu aktivieren. Hier ist mein Code:

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

Und das JavaScript:

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

Funktioniert nicht:

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

Funktioniert nicht:

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

Funktioniert nicht:

Hast du eine andere Idee? Was vermisse ich?

Verwenden Sie für Versionen von jQuery gleich oder höher (> =) 1.6:

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

Verwenden Sie für Versionen vor (<) 1.6:

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

Tipp: Möglicherweise möchten Sie auch anrufen click()oder anschließend change()das Optionsfeld aktivieren. Weitere Informationen finden Sie in den Kommentaren.

Versuche dies.

In diesem Beispiel ziele ich mit dem Eingabenamen und dem Wert darauf ab

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

Gut zu wissen: Bei einem Wert mit mehreren Wörtern funktioniert dies auch aufgrund von Apostrophen.

Eine weitere Funktion prop (), die in jQuery 1.6 hinzugefügt wurde und denselben Zweck erfüllt.

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

Kurze und leicht lesbare Option:

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

Es gibt true oder false zurück, sodass Sie es in der if-Anweisung verwenden können.

Versuche dies.

Verwenden Sie diese Option, um das Optionsfeld mit Wert zu aktivieren .

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

Oder

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

Oder

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

Verwenden Sie diese Option, um das Optionsfeld anhand der ID zu überprüfen .

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

Oder

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

Versuche dies:

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

http://jsfiddle.net/nwo706xw/

Der $.propWeg ist besser:

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

und Sie können es wie folgt testen:

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

Du musst

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

Das ist das HTML-Attribut

Wenn die Eigenschaft namenicht funktioniert, vergessen Sie nicht, dass sie idnoch vorhanden ist. Diese Antwort ist für Leute, die das idhier so ansprechen möchten, wie Sie es tun.

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

Weil Eigentum namebei mir nicht funktioniert. Stellen Sie sicher, dass Sie nicht umgeben idund namemit doppelten / einfachen Anführungszeichen.

Prost!

Ja, es hat bei mir wie ein Weg funktioniert:

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

Versuche dies

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

Überraschenderweise ignoriert die beliebteste und akzeptierte Antwort das Auslösen eines geeigneten Ereignisses trotz der Kommentare. Stellen Sie sicher .change() , dass Sie aufrufen , da sonst alle "On Change" -Bindungen dieses Ereignis ignorieren.

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

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

Wert erhalten:

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

Sollwert:

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

Optionsfeld Klicken Sie auf Add attr aktiviert:

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

Wir sollten sagen wollen, dass es sich um eine radioSchaltfläche handelt. Bitte versuchen Sie es mit dem folgenden Code.

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

Nur für den Fall, dass jemand versucht, dies während der Verwendung der jQuery-Benutzeroberfläche zu erreichen, müssen Sie auch das Kontrollkästchenobjekt der Benutzeroberfläche aktualisieren, um den aktualisierten Wert wiederzugeben:

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

Ich benutze diesen Code:

Es tut mir leid für Englisch.

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>

Versuchen Sie dies anhand eines Beispiels

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

Versuche dies

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');

Ich habe ein ähnliches Beispiel zur Verbesserung erhalten. Wie wäre es, wenn ich eine neue Bedingung hinzufügen möchte, z. B. wenn das Farbschema ausgeblendet werden soll, nachdem ich auf den Projektstatuswert mit Ausnahme von Fertigern und Pflastersteinen geklickt habe.

Beispiel ist hier:

$(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/

Außerdem können Sie überprüfen, ob das Element aktiviert ist oder nicht:

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

Sie können nach nicht aktivierten Elementen suchen:

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

Sie können diese Option auch deaktivieren:

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

Sie können nach Optionsfeldern suchen:

Verwenden Sie für Versionen von jQuery gleich oder höher (> =) 1.6:

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

Verwenden Sie für Versionen vor (<) 1.6:

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

Ich habe jquery-1.11.3.js verwendet

Grundlegendes Aktivieren und Deaktivieren

Tipps 1: (Optionsfeldtyp häufig Deaktivieren und aktivieren)

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

Tipps 2: (ID-Auswahl mit prop () oder 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);

Tipps 3: (Klassenauswahl mit prop () oder arrt ())

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

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

ANDERE TIPPS

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

Verwenden Sie prop () mehtod

Quelle Link -

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

Versuche dies

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

Wenn aktiviert, wird zurückgegeben, True wenn nicht aktiviert, wird zurückgegebenFalse

jQuery v1.10.1

Einige der oben genannten Lösungen funktionieren nicht, dann können Sie es unten versuchen:

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

Sie können es auch versuchen:

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

Versuche dies:

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

Ich habe gerade ein ähnliches Problem, eine einfache Lösung besteht darin, einfach zu verwenden:

.click()

Jede andere Lösung funktioniert, wenn Sie das Radio nach dem Aufruf der Funktion aktualisieren.

attr akzeptiert zwei Zeichenfolgen.

Der richtige Weg ist:

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