jquery循環遍歷radio單選按鈕，並設置選中狀態

背景：自己在做項目過程中遇到的問題，現在記錄一下。

需求：在ajax獲取后台數據的之后，需要根據獲取的數據對頁面中的radio單選按鈕進行選中狀態設置

        因為自身js功底欠佳，所以耽誤了點時間，現在把方法寫一下

先貼一下html代碼，這里就以最簡單的代碼來演示：

    <input type="radio" class="optionsRadios" value="1">是

    <input type="radio" class="optionsRadios" value="0">否

對應的頁面顯示是：

下面是js代碼，這里用的是jquery:

<script type="text/javascript">
    //獲取radio對象
    var radioObj = $('.optionsRadios');

    //模擬后台回傳數據，這里手動設置為1或者0
    var data = 1;

    //for循環遍歷radio對象，比較radio對象中的value和data是否一致
    //如果一致就設置狀態為選中，然后跳出循環，並將其他按鈕的狀態設置為false
    for(var i=0; i<radioObj.length;i++){
        if(radioObj[i].value == data){
            radioObj[i].checked = true;
            break;    
        }
        
        radioObj[i].checked = false;
    }
</script>

代碼完了。

然后手動改動data的值，模擬后台回傳數據變化，就會看到radio單選框的狀態是跟着data變化而變化的。

好了，js遍歷radio就是這樣。