Jquery: append 表单输入值 (.val)

Question

我正在尝试根据是否选中特定复选框来写入多个值的字符串。即

$('#submit').click(function() {
  if ($('#box1').attr('checked')) {
    $('#MyInput').val('box1 ');
    alert('1');
  }

  if ($('#box2').attr('checked')) {
    $('#MyInput').val('box2 ');
    alert('2');
  }
});

在这种情况下，我要寻找的返回值是“1 2”，但是只有第二个值写入输入字段中。

警报告诉我参数中的两个事件都正在触发。还有其他 append 值的方法吗？

Answer 1

.val() 不会追加。它将值设置为您传递的任何值，覆盖以前的值。

$('#submit').click(function() {

var myInput = $('#MyInput').val('')[0];


if($('#box1').attr('checked')){
    myInput.value += 'box1 ';
    alert('1');
    }

if($('#box2').attr('checked')){
     myInput.value += 'box2 ';
    alert('2');
    }

else {}

});

---

如果您有多个复选框，您希望将它们的所有值添加到 myInput 元素(如果选中它们)，则可以向所有复选框添加一个类，然后执行

$('#submit').click(function() {
  var myInput = $('#MyInput').val('')[0];
  $('.common-class-to-all:checked').each(function(){
     myInput.value += this.value + ' ';
  });
});

演示 http://jsfiddle.net/SQcGq/