javascript - 为复选框 javascript 分配两个值

Question

我需要将两个不同的值作为一个复选框的结果传递回来。我尝试了一个对象，但结果未定义(代码适用于一个值)。

 ' <input type="checkbox" id="cat" value="'+{value1: data.blue, value2: data.red} +'"/>'

result.value1 始终未定义，而 result 仅适用于字符串。

使用 javascript/jquery 执行此操作的最佳方法是什么。

Answer 1

您可以使用attr添加更多值，例如:

<input type="checkbox" id="cat" data-value1="blue" data-value2="red" value=""/>

使用 jQuery 获取值，使用:

$("#cat").data("value1");//return 'blue'
$("#cat").data("value2");//return 'red'

结果: https://jsfiddle.net/cmedina/a0ya5bwp/