checked 使用例子

最新推荐文章于 2023-07-22 08:05:28 发布

原创最新推荐文章于 2023-07-22 08:05:28 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript为多选按钮绑定变更事件的方法，通过监听这些事件，可以及时响应用户的选择变化，并获取当前选中状态。

<div class="container">
<%@articles.each do |article|%>
<input type="checkbox" data-article-id="<%= article.id %>" <%= article.x_rated? ? 'checked' : '' %>> 限制级
<%end%>
</div>
<script type="text/javascript">
$("input[type=checkbox]").change(function(e){
e.preventDefault();
var checked = e.target.checked;
});
</script>

给多选按钮绑定chang事件当选中或者取消选中的时候就会触发这个事件,然后可以通过e.target.checked的值true或者false来确定是否选中.