Ajax复选框功能

Ajax checkbox function

本文关键字：功能 复选框 Ajax      更新时间：2023-09-26

我试图通过ajax发送一个复选框值发送数据到外部函数。

我有使用以下javascript工作的函数，但是它是非常混乱的，因为我目前正在为存在的每个脚本实例编写这个javascript函数。

<form>
<input type="checkbox" name="event_status" id="event_status1455" value="1" <?php echo ($event_status == '1' ? 'checked="checked"' : '') ?>>
</form>
<form>
<input type="checkbox" name="event_status" id="event_status1456" value="1" <?php echo ($event_status == '1' ? 'checked="checked"' : '') ?>>
</form>
<form>
<input type="checkbox" name="event_status" id="event_status1457" value="1" <?php echo ($event_status == '1' ? 'checked="checked"' : '') ?>>
</form>
<script>
 $('input:checkbox').change(function(e) {
e.preventDefault();
var isChecked = $("input:checkbox").is(":checked") ? 1:0; 
$.ajax({
          type: 'POST',
          url: '<?php echo $this->url('/profile/list', 'event_status', $cobj->getCollectionID())?>',
        data: { event_status:$("input:checkbox").attr("id"), event_status:isChecked }
});        
});
</script>

正如你在上面看到的，javascript只会响应这个特定的复选框。我不知道如何编码，这样我就有一个javascript函数在我的页面上，将运行的每个复选框，我有。

我已经从我的原始帖子调整了代码。我有我的ajax做我想要的，但是ajax函数只执行最后一个复选框，是他们的离开我可以转换javascript做每个复选框提供的功能?

解决了我的问题，我需要抓取我的复选框的id，以区分哪个复选框的值我运行我的功能。

<script>
$('input:checkbox').change(function(e) {
e.preventDefault();
// Determine ID
 var value = $(this).attr('id');
 var EsID = value;
var isChecked = $("input:checkbox").is(":checked") ? 1:0; 
$.ajax({
          type: 'POST',
          url: "<?php echo $this->url('/profile/list', 'event_status')?>"+EsID +"",
        data: { event_status:$("input:checkbox").attr("id"), event_status:isChecked }
});        
});
</script>

给你的复选框输入一个类，并引发类上的变化事件，而不是复选框的名称。

。

改变
$('#event_status<? echo $cobj->getCollectionID()?>').change(function() {


$('.CheckboxClassName<? echo $cobj->getCollectionID()?>').change(function() {
相关文章：