如何使用JQuery在MVC asp.net中獲取Checkbox值

Question

我有Java腳本，此創建復選框，並且我想使用JQuery獲得那些選定的復選框值。 在我的Java腳本中，我將學生的主題與復選框綁定在一起。 當學生選擇自己的學科時，我想獲得這些學科列表。 任何解決方案請....

我的Java腳本是

    <script type="text/javascript">
    function specilizationChange()
    {
        $("#Subjectfield").empty();

        var URL = "/SemesterRegistation/GetSubjects/";
        $.ajax({
            url: URL,
            data: JSON.stringify({ SpecializationID: $("#SpecializationID").val() }),
            cache: false,
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {

                for (var i = 0; i < response.length; i++) {

                    $("#Subjectfield").append("<input type='checkbox' name='chksub' id='" + response[i].Subject + "'/><label>" + response[i].SubjectName + " </label>");
                    $("#Subjectfield").append("<input type='hidden' value='false' name='" + response[i].Subject + "' />")
                }
            },
            error: function (reponse) {
            }
        });
    }
</script>

Answer 1

嘗試這種方式，將通用類用於復選框，然后使用此腳本獲取已檢查的ID

$("#Subjectfield").append("<input type='checkbox' class='sel_subj' name='chksub' id='Example'/><label>Example</label>");

$('#Subjectfield').on('change','.sel_subj',function(){
    if($(this).is(':checked'))
        alert($(this).attr('id'))
});

Answer 2

我認為您應該像下面那樣更改javascript方法：

function specilizationChange() {

       $("#Subjectfield").remove();

        var URL = "/SemesterRegistation/GetSubjects/";
        $.ajax({
            url: URL,
            data: JSON.stringify({ SpecializationID: $("#SpecializationID").val() }),
            cache: false,
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json"
        }).success(function (response) {
                for (var i = 0; i < response.length; i++) {

                    var html = '<li>' +
                                    '<input type="checkbox" name="chksub" class="class" value="' + response[i].Subject + '"/>' +
                                    '<input type="hidden" name="' + response[i].Subject + '" value="false"/>' +
                               '</li>';                     

                   $('#Subjectfield').append(html);
                }
        }).fail(function() {
        });  
    }

然后，您可以如下連接每個主題ID：

$('#Subjectfield').on('change', 'input[class]', function () {

        console.log($(this).closest('li').children('input').attr('value'));

 });