根据选中的顺序将值分配给复选框

时间:2014-11-17 02:55:40

标签: javascript jquery html checkbox

如果首先单击复选框,则尝试分配值5,为选中的第二个复选框选择值2。该表单旨在根据选中该框的顺序进行主要和次要选择。我下面的内容似乎不起作用。

<input type="checkbox" class="form" value="2" name="option-1">
<input type="checkbox" class="form" value="2" name="option-2">

<script type="text/javascript">
var firstClick = true;

  $('input.form').click(function() {

       if(firstClick){
           firstClick = 5;
  });
</script>

更新: 我尝试了塞缪尔的方法,但表格仍然为每个项目返回值为2。

1 个答案:

答案 0 :(得分:1)

  1. 你忘记改变旗帜
  2. 您需要在复选框
  3. 中设置val

    修改后的代码:

    <input type="checkbox" class="form" value="2" name="option-1">
    <input type="checkbox" class="form" value="2" name="option-2">
    
    <script type="text/javascript">
    var firstClick = true;
    
      $('input.form[type=checkbox]').click(function() {
           if(firstClick) {
               $(this).val(5);
               firstClick = false;
           }
      });
    </script>