【问题标题】:Assign value to checkbox based on order it is checked根据检查的顺序为复选框分配值
【发布时间】:2014-11-17 02:55:39
【问题描述】:

如果首先单击复选框,我将尝试分配值 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>

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

【问题讨论】:

  • 请分享您正在处理的示例代码
  • 我们可以看看一些代码吗?如果你没有,最好至少试一试。如果您遇到困难,我们随时为您服务。
  • 是的塞缪尔,我希望第一个单击将值设置为 5,然后选择第二个框将值设置为 2。感谢您的帮助。我会试试看。
  • 这是一个陈述,而不是一个问题。似乎希望读者推断出它没有以某种未指定的方式执行您想要的操作,并在他们甚至可以开始检查原因之前弄清楚那是什么。如何解释您获得的结果以及它们与预期结果有何不同?
  • “如果首先单击一个复选框,我会尝试分配一个值 5,而第二个选中的复选框则分配一个值 2” - 我很困惑.如果第一次单击某些内容,您想将值设置为5,然后从下一次开始设置2,或者您想为第一个复选框设置5,为第二个复选框设置2他们被选中了..?

标签: javascript jquery html checkbox


【解决方案1】:
  1. 您忘记更改标志
  2. 您需要在复选框中设置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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-01-09
    • 1970-01-01
    • 2013-03-09
    • 1970-01-01
    • 1970-01-01
    • 2017-02-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多