JavaScript中如何使用jq获取checkbox值

2023-12-20 20:27:45

在使用 jQuery 获取 checkbox 的值时，可以使用 prop() 方法来获取 checkbox 的选中状态，并使用 val() 方法来获取 checkbox 的值。

下面是一个示例代码，演示如何使用 jQuery 获取 checkbox 的值：

<input type="checkbox" id="myCheckbox" value="checkboxValue">
<button id="myButton">获取 Checkbox 值</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#myButton').click(function() {
      var isChecked = $('#myCheckbox').prop('checked');
      var checkboxValue = $('#myCheckbox').val();
      
      if (isChecked) {
        alert('Checkbox 已选中，值为: ' + checkboxValue);
      } else {
        alert('Checkbox 未选中');
      }
    });
  });
</script>

在上面的示例中，当点击按钮时，会触发一个点击事件。在事件处理程序中，使用 prop('checked') 来获取 checkbox 的选中状态，使用 val() 来获取 checkbox 的值。如果 checkbox 被选中，我们将显示一个包含选中值的警告框；如果 checkbox 未被选中，我们将显示一个不同的警告框。

@漏刻有时

文章来源:https://blog.csdn.net/weixin_41290949/article/details/135079032
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。