繁体   English   中英

使用 jquery 检索单选按钮和复选框值表单数据库

[英]Retrive radio button and checkbox value form database using jquery

我想使用 jquery 从数据库中获取价值。 我执行不同的操作,但我没有成功获得单选按钮和复选框值的值。 为什么未从未显示的数据库中检索值?

HTML

     <div class="form-group">
         <div class="col-md-12">
             <label class="control-label col-sm-2">Active<span class="vd_red"></span></label>
             <div id="Active-input-wrapper" class="controls col-sm-6">
                 <input type="checkbox" name="isactive" data-rel="switch" id="chkactive">
             </div>
             <br /><br /><br />
             <label class="control-label col-sm-2">Duty Manager<span class="vd_red"></span></label>
             <div id="DutyManager-input-wrapper" class="controls col-sm-6">
                 <input type="checkbox" name="manager" data-rel="switch" id="chkdutymanager">
             </div>
         </div>
     </div>
    
     <div class="form-group">
         <div class="col-xl-12">
             <label class="control-label col-sm-2">User Type <span class="vd_red">*</span></label>
             <div id="email-input-wrapper" class="controls col-xl-8">
                 <div class="vd_radio radio-success">
                     <input type="radio" checked value="A" id="optionsRadios3" name="usertype">
                     <label for="optionsRadios3">Admin</label>
                     <input type="radio" value="U" name="usertype" id="optionsRadios4">
                     <label for="optionsRadios4">User</label>
                 </div>
             </div>
         </div>
     </div>

Jquery Function

function secuserID(UserId) {

        $.ajax({
            url: "/Account/GetUser/" + UserId,
            typr: "GET",
            contentType: "application/json;charset=UTF-8",
            dataType: "json",
            success: function (result) {

                $('#txtuserid').val(result.User_Id);
                $('#textUsername').val(result.User_name);
                $('#txtuserlogin').val(result.User_Login);
                $('#txtpassword').val(result.User_password);

                 $("input[name='usertype']:checked").val(result.User_Type); //not working

           
                $("#cmbGroupid").val(result.Group_Id);

                //$('#chkactive').prop('checked').val(result.Active); not working

                $('#chkactive').val(result.Active); //not working


                $('#myModal').modal('show');
                $('#btnUpdate').show();
                $('#btnAdd').hide();
            },
            error: function (errormessage) {
                alert(errormessage.responseText);
            }
        });
        return false;
    }

结果

短屏幕

result.User_Typeresult.Active的值必须为 true 或 false。 jQuery 版本 >= 1.6 支持 prop 方法。 一件事我注意到您对多个usertype按钮使用相同的用户类型,因此只会检查一个单选按钮。

$("input[name='usertype']:checked").each(function () {
    $(this).prop("checked", result.User_Type);
});

$("#chkactive").prop("checked", result.Active);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM