Question

我有这个ajax响应，我想要的是根据性别值检查单选按钮

//fetch_single.php
    {
        "l_name": "ASDF",
        "f_name": "FSDSD",
        "m_name": "F",
        "sex": "M",
    }

这是我的单选按钮，默认情况下选中男性单选按钮

<input class="form-check-input" type="radio" name="sex" id="sex" value="M" checked> Male
<input class="form-check-input ml-1" type="radio" name="sex" id="sex" value="F"> Female

这是我试过的

$(document).on('click', '.update', function(){
            $('#user_form').parsley().reset();
            var user_id = $(this).attr("id");
            $.ajax({
                url:"../controller/fetch_single.php",
                method:"POST",
                data:{user_id:user_id},
                dataType:"json",
                success:function(data)
                {
        $("input[name^='sex']").find('value="'+data.sex+'"').prop('checked',true);
                }
            })
        });

仍然没有运气，我是初学者而且我坚持这个感谢。

Answer 1

尝试找到具有匹配值

的单选按钮

var data = {
  "l_name": "ASDF",
  "f_name": "FSDSD",
  "m_name": "F",
  "sex": "M",
}
$(document).on('click', '.update', function() {
  $("input[value='" + data.sex + "']").prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="form-check-input" type="radio" name="sex" id="sex" value="M" checked> Male
<input class="form-check-input ml-1" type="radio" name="sex" id="sex" value="F"> Female

<button class="update">Click</button>

注意：这是供实际实施的参考$("input[value='" + data.sex + "']").prop('checked', true);需要放在success函数

中

Answer 2

找到只适用于他的孩子，匹配更多属性使用如下：

$('input[name^="sex"][value="'+data.sex+'"').prop('checked',true);

根据ajax响应检查了单选按钮

2 个答案: