在单选按钮上提交表单单击不起作用

时间:2018-12-08 07:31:03

标签: javascript html forms

我有以下表格。我希望当用户选择一个单选按钮时,可以通过JavaScript自动提交它,而无需按提交按钮。我该怎么做?

我尝试了遵循JavaSript的方法,但似乎没有用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="post" id="question">
  <label>Ques1: <?php echo $ques; ?></label><br/>
  <input type="radio" name="option1" value="<?php print_r($option); ?>">
  <?php echo $option; ?>
  <input type="radio" name="option2" value="<?php print_r($option1); ?>">
  <?php echo $option1; ?> <br/>
  <div class="submit_btn" style="display: none;">
    <input type="submit" name="submit" value="submit">
  </div>
</form>


<script type="text/javascript">
  $(document).ready(function() {
    $('#question').on('change', function() {
      var $form = $(this).closest('form');
      $form.find('input[type=submit]').click();
    });
  });
</script>

0 个答案:

没有答案