我使用单选按钮或复选框，但默认情况下，仅男性或跳舞使用

Question

1. Redio按钮或复选框的代码如下，我也使用局部视图

               <div class="form-group">
                   <label for="Gender">Gender</label><br />
                   Male
                   <input id="Male" name="Gender" type="radio" value="Male" />
                   Female
                   <input id="Female" name="Gender" type="radio" value="Female" />
               </div>
               <div class="form-group">
                   <label for="Hobby">Hobby</label></br>
                   <input type="checkbox" id="SHobby" name="Hobby" value="Singing">
                   <label for="Hobby">Singing</label>
                   <input type="checkbox" id="DHobby" name="Hobby" value="Dancing">
                   <label for="Hobby">Dancing</label>
                   <input type="checkbox" id="WHobby" name="Hobby" value="Writing">
                   <label for="Hobby">Writing</label>
   

我使用下面的添加功能代码，当我添加数据时，默认情况下，性别是男性，爱好是舞蹈

function Add() {
        debugger;
        }
        var empObj = {
            CustomerId: $('#CustomerId').val(),
            Name: $('#Name').val(),
            Country: $('#Country').val(),
            Gender: $('#Male').val(),
            Gender: $('#Female').val(),
            Hobby: $('#SHobby').val(),
            Hobby: $('#WHobby').val(),
            Hobby: $('#DHobby').val()

        };
        $.ajax({
            url: "/Home/Add",
            data: JSON.stringify(empObj),
            type: "POST",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            success: function (result) {
                debugger;


                loadData();
                $('#myModal').modal('hide');
            },
            error: function (errormessage) {
                alert(errormessage.responseText);
            }
        });
    }
    $(document).ready(function () {
        loadData();
    });

请帮助我获得有关“性别或爱好”的适当选择值

Answer 1

下面的代码可能会帮助您

复选框组：

 var hobby= [];
 $.each($("input[name='Hobby']:checked"), function(){
     hobby.push($(this).val());
  });
  console.log("My hobbies are: " + hobby.join(", "));

单选按钮组

var gender = $("input[name='Gender']:checked").val();
console.log("Your are a - " + gender);

---

您的empObj如下。

var hobby= []; 
$.each($("input[name='Hobby']:checked"), function(){ 
    hobby.push($(this).val()); 
}); 

var empObj = 
{ 
 CustomerId: $('#CustomerId').val(), 
 Name: $('#Name').val(), 
 Country: $('#Country').val(), 
 Gender: $("input[name='Gender']:checked").val();, 
 Hobby: hobby, 
};

Answer 2

如果有复选框，则用户可以选中多个复选框，因此您将需要获得所有类似的信息：

$("input[name='Hobby']:checked").each(function(){
     console.log($(this).val());
});

这可能也对您有用，但不确定：

var checkedValue = $("input[name='Hobby']:checked").val();