一个事件的两个功能

Question

我目前有两个输入字段，可以将值“值”切换为真或假。

我想发生的是，当用户点击提交按钮时，我可以为每个输入字段运行 if/then 语句并为每个字段传递不同的变量，然后将这两个变量合并为一个变量。

例如。

if ($('input#one').is('[value="true"]')) {
        var one = 'opt-in-one'
    } 

    else {
        var one = 'opt-out-one'
    }

if ($('input#two').is('[value="true"]')) {
        var two = 'opt-in-two'
    } 

    else {
        var two = 'opt-out-two'
    }
 var result = one + two;

这是我能解释的最好的了。任何想法如何将其写入一键式功能？

编辑：这是 HTML

<form>

<input type="hidden" name="optin1" id="optin1holder" value="true" />

<input type="hidden" name="optin2" id="optin2holder" value="true" />

<input type="submit" class="button" value="Submit">

</form>

Answer 1

有几种方法可以解决这个问题，例如你可以这样做：

$(":submit").click(function() {
  var result = ($('input#one').val() == 'true' ? 'opt-in-one' : 'opt-out-one')
             + ($('input#two').val() == 'true' ? 'opt-in-two' : 'opt-out-two');
  //do something with result
});

如果你想说像"out-in-one,opt-out-two" 这样的格式，你可以使用.map()，像这样：

$(":submit").click(function() {
  var result = $('input#one, input#two').map(function() {
                return (this.value == 'true' ? 'opt-in-' : 'opt-out-') + this.id;
              }).get().join(',');
  //do something with result
});

第二种方法适用于任意数量的输入，如果你给它们一个类，它会更简洁一些，然后你可以用'input#one, input#two' 代替'input.optinout'。您还可以将.join(',') 更改为您想要的任何分隔符。