checkbox没有值php

Question

我正在尝试将输入内容转换为表单上的复选框。选中时，我希望值为1，未选中时为0。我尝试了一些东西，但在提交时，值不会添加到数据库中。

HTML-1：

<div class="col-sm-5 col-sm-push-1 form-group required">
                        <label class="control-label" for="input-active"><?php echo $entry_active; ?></label>
                          <div class="input-active required">
                          <input type="checkbox" name="active" value="0" placeholder="<?php echo $text_active; ?>" id="input-active" class="form-control"   />
                        </div>
                        <?php if (isset($error_date_starting)) { ?>
                          <label class="text-danger"><?php echo $error_code; ?></label>
                        <?php } ?>
                      </div>ut type="checkbox" name="active" value="0" placeholder="<?php echo $text_active; ?>" id="input-active" class="form-control"   />
                        </div>
                        <?php if (isset($error_date_starting)) { ?>
                          <label class="text-danger"><?php echo $error_code; ?></label>
                        <?php } ?>
                      </div>

HTML-2：

<div class="col-sm-5 col-sm-push-1 form-group required">
                        <label class="control-label" for="input-active"><?php echo $entry_active; ?></label>
                          <div class="input-active required">
                          <input type="hidden" name='active' value='0' placeholder="<?php echo $text_active; ?>" id="input-active" class="form-control"   />
                          <input type="checkbox" name='active' value='1' placeholder="<?php echo $text_active; ?>" id="input-active" class="form-control"   />
                        </div>
                        <?php if (isset($error_date_starting)) { ?>
                          <label class="text-danger"><?php echo $error_code; ?></label>
                        <?php } ?>
                      </div>

我尝试了一些Javascripts解决方案，但都不起作用：

<script type="text/javascript">
$('#input-active').on('change', function(){
   this.value = this.checked ? 1 : 0;
   // alert(this.value);
}).change();
</script>

更新！！仍然不能工作，我已经按照建议修改了代码，仍然没有做我想做的事情。

新的HTML：

<div class="col-sm-5 col-sm-push-1 form-group required">
                        <label class="control-label" for="input-active"><?php echo $entry_active; ?></label>
                          <div class="input-active required">

                          <input type="checkbox" name='active' value='0' placeholder="<?php echo $text_active; ?>" id="input-active" class="form-control"   />
                        </div>
                        <?php if (isset($error_date_starting)) { ?>
                          <label class="text-danger"><?php echo $error_code; ?></label>
                        <?php } ?>
                      </div>

新的JS：

 <script type="text/javascript">
    $("#input-active").change(function() {
      if(this.checked) {
          $("#input-active").val('1');
      } else {
          $("#input-active").val('0');
          }
  });
  </script>

Answer 1

要在输入类型上捕获切换的事件，请使用以下函数

​

$("#input-active").change(function() {
  if($(this).is(':checked')) {
    console.log('checked')
    $(this).val(1);
  } else {
    console.log('un checked')
    $(this).val(0);
  }
  
  console.log($(this).val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-5 col-sm-push-1 form-group required">
  <label class="control-label" for="input-active">In active</label>
    <div class="input-active required">

    <input type="checkbox" name='active' value='0' placeholder="Active" id="input-active" class="form-control"   />
  </div>
</div>

​