如何使用类而不是ID来使用jQuery处理复选框的更改？
如何使用类而不是ID来使用jQuery处理复选框的更改？
提问于 2014-01-31 09:18:57
我有一个复选框列表，每个复选框都有相同的class。如何使用jquery来检测复选框的click或change事件？我需要这样做，以便加载数据并显示单击复选框的模式。
<div class="widget widget-4" style="float:left;padding:10px;">
<div class="widget-head">
<h4 class="heading">Alert to Delivery Methods</h4>
</div>
<div style="clear:both;"></div>
<div class="widget-body">
<table class="table table-bordered table-striped">
<tbody>
<?php
foreach($model->model_alert_2_delivery_methods as $key => $alert) { ?>
<tr>
<td>
<?php
echo $form->checkBox($alert, 'name', array(
'name' => 'AlertDeliveryMethods[' . ($alert->id) . ']',
'class' => 'modal__package_create_popup_alert_delivery_methods',)
);
?>
</td>
<td>
<?php
echo $alert->name;
?>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
<script>
$(document).ready(function() {
$('.modal_package_create_alert_delivery_methods').change(
function() {
console.log('evrika');
}
);
}
);
</script>回答 5
Stack Overflow用户
回答已采纳
发布于 2014-01-31 09:21:33
你应该使用.on()
$(document).on('change','.modal_package_create_alert_delivery_methods',function(){
console.log('evrika');
})Stack Overflow用户
发布于 2014-01-31 09:21:06
使用J查询的函数。
$('.modal_package_create_alert_delivery_methods').on('change',
function() {
console.log('evrika');
}
);如果使用的jquery版本少于1.7，则使用live()而不是on()
Stack Overflow用户
发布于 2014-01-31 09:21:45
试试这段代码
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".mm").on("change",function(){
alert(this.value);
});
});
</script>
</head>
<body>
<input type='checkbox' class='mm' value='1'>
<input type='checkbox' class='mm' value='1'>
<input type='checkbox' class='mm' value='1'>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21476271
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号