-1

我已经为此绞尽脑汁好几个小时了，却一无所获。我有一个简单的表单，我将在验证和审查之后提交到​​数据库。

但是，我很想检索我正在使用的复选框的状态。我的代码返回除复选框之外的所有值，并且几乎就像它跳过了复选框状态的检索一样，因为变量声明之后的警报因为具有其他值的警报触发并显示。

但是，checked 属性没有返回任何内容。我已经搜索并找到了无数种方法，我觉得我已经尝试了所有方法。以下只是我尝试过的几种方法。谁能看到我做错了什么？？？

$(function() {
  $('#submit').on('click', function() {
    var studId = $('input[name="Selected"]:checked').val();
    var classId = $('#ClassSelection').find(":selected").val();
    var classCode = $('input[name="Code"]').val();
    //var isOnline=$("input[type='checkbox']").val();
    //var isOnline=$("input[name='isOnline']").prop('checked');
    //var isOnline=$("input[name='isOnline']").is('checked');
    var isOnline = $("input[name='isOnline']").val();
    alert(studId);
    alert(classId);
    alert(classCode);
    alert(isOnline);
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="isOnline" class="form-control">
<input type="button" class="btn btn-primary" id="submit" value="Submit">

4

2 回答 2

0

看来我的 Wamp 服务器正在运行，并且没有显示我对站点的最新推送。这解释了为什么它似乎跳过了我的代码而没有破坏。我重新启动了我的 wamp 服务器，它开始识别我的更改。

于 2018-09-18T05:10:24.530 回答
0

正如 Tyler Roper 指出的那样， .prop() 函数应该可以正常工作。

你可以试试

$('#submit').on('click', function() {
    var isOnline1=$("input[type='checkbox']").val();
    var isOnline2=$("input[name='isOnline']").prop('checked');
    var isOnline3=$("input[name='isOnline']").is('checked');
    console.log(isOnline1);
    console.log(isOnline2);
    console.log(isOnline3);
});

我为它创建了一个codepen：https ://codepen.io/delpielo/pen/zJmevg ，只需在单击“提交”按钮和选中/未选中复选框时比较输出。

  • .val() 总是返回 'on' - 不是你想要的
  • .is('checked') 总是返回 false - 不是你想要的
  • .prop('checked') - 如果未选中则返回 false，否则返回 true，这正是您要查找的内容
于 2018-09-18T04:41:44.343 回答