Question

亲爱的。我想只使用一个文本字段来获得不同的结果。如果我想按几次复选框或其他复选框后，我该怎么办，结果将按顺序显示在文本字段中。例如：

<input type="checkbox" id="see" value="a">
<input type="checkbox" id="saw" value="b">

<input type="text" id="field">
<input type="button" id="show">

然后我做了类似的事情：

 1. click "see"
 2. click "show"
 3. click "see"
 4. click "show"
 5. click "saw"
 6. click "show"
 7. click "saw"
 8. click "show"
 9. click "see"
 10. click "show"

然后在文本字段点击显示按钮后显示结果：

aaba..and so on if any additional

Answer 1

简单如下：

var values = "";
$('#see, #saw').click(function() {
  values += $(this).val();
});
$('#show').click(function() {
  $("#field").val(values);
});

仅允许checked = true复选框：

var values = "";
$('#see, #saw').click(function() {
 if($(this).is(':checked'))
    values += $(this).val();
});
$('#show').click(function() {
  $("#field").val(values);
});

已编辑： ，可将功能添加到Show Button

See working fiddle

Answer 2

尝试这样的事情：

$('input:checkbox').click(function() {
  $('#field').val($('#field').val() + $(this).val());
});

这是一个有效的fiddle。

如果您需要一个只记录创建检查状态的点击的变体，只需将作业包装在：

if( $(this).is(':checked') ) {...}

如何在文本字段中显示顺序结果

2 个答案: