Question

我使用此代码来获取我检查过的项目的值。它没有在我的项目上工作。我只是希望我检查它的每个值都将使用逗号分隔符进入我的文本框像288,289,290。提前谢谢

<input type="text" name="holder" id="holder"
    <input type="checkbox" name="example[]" value="288" checked/>
    <input type="checkbox" name="example[]" value="289" checked/>
    <input type="checkbox" name="example[]" value="290" />
    <input type="checkbox" name="example1[]" value="289" checked/>

    var output = jQuery.map($(':checkbox[name="example[]"]:checked'), function (n, i) {
        return n.value;
    }).join(',');

    alert(output);

Answer 1

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>

<body>
  <div id="inputs">
    <input type="checkbox" value="Apple">
    <input type="checkbox" value="Orange">
    <input type="checkbox" value="Pineapple">
    <input type="checkbox" value="Mango">
  </div>
  <input type="text" id="target"/>
</body>
</html>
var arr = [];
$('#inputs input').change(function() {
  if (this.checked) {
    arr.push(this.value);
  }
  else {
   arr.splice(arr.indexOf(this.value), 1);
  }
  $('#target').val(arr + '');
});

复选框值转移到以逗号分隔的文本框

1 个答案: