javascript onclick事件 - 如何用jQuery檢查單選按鈕?





radio checked (21)


嘗試這個

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

我嘗試用​​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>

和JavaScript:

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

不起作用:

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

不起作用:

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

不起作用:

你有另一個想法嗎? 我錯過了什麼?




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



為了防止任何人在使用jQuery UI時嘗試實現此目的,您還需要刷新UI複選框對像以反映更新後的值:

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



你必須做

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

這是HTML屬性




如果屬性name不起作用,請不要忘記該id仍然存在。 這個答案適用於那些想在這里以你的目標為目標的人。

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

因為屬性name不適合我。 確保你沒有用雙/單引號包圍idname

乾杯!




嘗試這個:

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






獲得價值:

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



嘗試這個。

要使用Value檢查單選按鈕,請使用此選項。

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

要么

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

要么

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

要使用ID檢查單選按鈕,請使用此選項。

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

要么

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



是的,它對我來說就像一種方式:

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




嘗試這個

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

如果選中,則返回True否則返回False

jQuery v1.10.1



試試這個例子

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



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



對於等於或大於(> =)1.6的jQuery版本,請使用:

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

對於(<)1.6之前的版本,請使用:

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

提示:之後您可能還想在單選按鈕上調用click()change()查看評論以獲取更多信息。




我們應該想告訴它是一個radio按鈕。所以請使用以下代碼嘗試。

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



簡單易讀的選項:

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

它返回true或false,所以你可以在“if”語句中使用它。




在jQuery 1.6中添加了另一個函數prop(),它用於相同的目的。

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



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



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

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

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



節點最適合併發請求處理 -

那麼,讓我們從一個故事開始吧。 從過去2年開始,我正致力於JavaScript和開發Web前端,我很享受。 後端人員提供了一些用Java編寫的API,python(我們不關心),我們只是編寫一個AJAX調用,獲取我們的數​​據並猜測是什麼! 我們完了。 但實際上並不是那麼容易,如果我們得到的數據不正確或者存在服務器錯誤,那麼我們就會陷入困境,我們必須通過郵件或聊天聯繫我們的後端人員(有時也會在whatsApp上:)。)並不酷。 如果我們用JavaScript編寫API並從前端調用這些API,該怎麼辦? 是的,這很酷,因為如果我們在API中遇到任何問題,我們可以調查它。 你猜怎麼著 ! 你現在可以這樣做,怎麼樣? - 節點就在你身邊。

Ok同意您可以用JavaScript編寫API,但如果我對上述問題感到滿意怎麼辦。 您是否有任何其他理由將節點用於rest API?

所以這就是神奇的開始。 是的我還有其他理由將節點用於我們的API。

讓我們回到我們傳統的rest API系統,該系統基於阻塞操作或線程。 假設發生了兩個並發請求(r1和r2),每個請求都需要數據庫操作。 所以在傳統系統中會發生什麼:

1.等待方式:我們的服務器開始提供r1請求並等待查詢響應。 在完成r1 ,服務器開始服務r2並以相同的方式執行。 所以等待不是一個好主意,因為我們沒有那麼多時間。

2.線程方式:我們的服務器將為請求r1r2創建兩個線程,並在查詢數據庫之後為其目的服務,以便快速實現它的目的。但它是內存消耗,因為你可以看到我們啟動了兩個線程,當兩個請求都查詢時問題也增加了相同的數據然後你必須處理死鎖類問題。 所以它比等待方式更好,但仍有問題。

現在這裡是節點將如何做到:

3.節點:當同一個並發請求進入節點時,它將通過其回調註冊事件並向前移動它不會等待特定請求的查詢響應。所以當r1請求到來時節點的事件循環(是的,有一個事件)用於此目的的節點中的循環。)使用其回調函數註冊事件並向前移動以提供r2請求,並類似地通過其回調註冊其事件。 每當任何查詢完成時,它會觸發相應的事件並執行其回調以完成而不會被中斷。

所以沒有等待,沒有線程,沒有內存消耗 - 是的,這是服務休息API的節點。





javascript jquery forms radio-button