Я использую переключатель или флажок, но по умолчанию это только мужчина или танцы

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

В случае, если флажки могут быть проверены пользователем несколько раз, вам нужно получить все такие как:

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

Это может также работать для вас, но не уверен:

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

Answer 2

Приведенный ниже код может помочь вам

Группа флажков :

 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, 
};