javascript - 如何在ajax jquery中编写成功语句来更改单选按钮？

Question

我首先有一些 html 代码，其中有一些单选按钮，每个按钮都附加了跨度:

<div id="output2">
     <input type="radio" name="tid" value="1"><span class="green">Span 1</span>
                <input type="radio" name="tid" value="2"><span class="green">Span 2</span>
                <input type="radio" name="tid" value="3"><span class="green">Span 3</span>
                <input type="radio" name="tid" value="4"><span class="green">Span 4</span>
                <input type="radio" name="tid" value="5"><span class="green">Span 5</span>

我有一个 ajax 请求，向 php 脚本发送请求，成功部分在这里为空，因为这是我遇到问题的地方。

$.ajax({
       type: "POST",
                            url: "fetch_time.php",
                            data: "datum_id=" + datum_id,                   
                            beforeSend: function() {
                                $('#output2').html('<img src="loader.gif" alt="" width="24" height="24">');
                            },
                            success: function(json) {   
        });

我从 php 脚本获得一个 json 文件形式的返回值，如下所示:

[{"tid_id":"4"},{"tid_id":"5"}] 

我想要做的是使用 json 文件 4 和 5 中的这些值，并将它们与单选按钮的值进行比较，并且 IF json 文件中的值与该特定单选按钮上的值相同我希望禁用单选按钮并将相应跨度的类从 class="green"更改为 class="red"或者只是将单选按钮和跨度的可见性更改为无。

Answer 1

$.ajax({
    type: "POST",
    url: "fetch_time.php",
    data: "datum_id=" + datum_id,
    dataType: 'JSON',
    beforeSend: function () {
        $('#output2').html('<img src="loader.gif" alt="" width="24" height="24">');
    },
    success: function (arrResponseData) {
        $.each(arrResponseData, function () {
            var intValue = this.tid_id;
            $("input:radio[value=" + intValue + "]")
                    .prop("disabled", true)
                    .children("span")
                    .prop("class", "red")

        })
    }
});