Question

我的复选框视图是

    <td style="font-size:12px;">
 <a href="
<?php echo base_url(); ?>home/mark_active/<?php echo $callData['id_client'][$i]; ?>">
 <input type="checkbox" 
  <?php if ($callData['type'][$i]==3277379) echo 'checked="checked"'  ?>

> Active</a><br/>

 <a href="<?php echo base_url(); ?>home/mark_inactive/
   <?php echo  $callData['id_client'][$i];  ?>">
 <input type="checkbox" 
 <?php if ($callData['type'][$i]==3277378) echo 'checked="checked"'  ?>
  > Inactive</a>

  </td>

我的功能正常。我有两个复选框。当我点击活动时，它就像活动按钮一样工作，当我点击不活动时，它就像非活动按钮一样工作。

但我想使用一个复选框。就像我点击复选框一样，它会像活动一样工作，当复选框取消选中时，它将像非活动状态一样工作。请帮我。您的合作将受到高度赞赏。谢谢。

Answer 1

假设您的复选框是

input type="checkbox" name="checkbox" id="checkbox"

您必须在html代码中使用隐藏变量，例如

input type="hidden" id="flag" name="flag" value=""

然后，当您选中或取消选中该复选框时，您必须在jquery中调用onchange事件以获取复选框

$("#checkbox").onchange(function(){

      if($("#flag").val() == "" || $("#flag").val() == "Active"){
            $("flag").val("Inactive");
            ## here active button code
      }else if($("#flag").val() == "" || $("#flag").val() == "InActive"){
            $("flag").val("Active");
            ## here inactive button code
      }
 });

如果你想从jquery调用php函数，那么你需要在jquery代码中调用ajax，具体取决于活动或非活动状态

Answer 2

将您的HTML放在ID为 switchBox 的div中，然后尝试以下操作：

$("#switchBox checkbox").click(function(){
    if(this.checked){
        $(this).text('Acvite');
        $("#switchBox").find('a').prop('href', "<?php echo base_url(); ?>home/mark_active/<?php echo $callData['id_client'][$i]; ?>");
    }else{
        $(this).text('Inacvite');
        $("#switchBox").find('a').prop('href', "<?php echo base_url(); ?>home/mark_inactive/<?php echo $callData['id_client'][$i]; ?>");
    }
});

如果复选框选中，则在codeigniter中处于非活动状态

2 个答案: