jquery 模板选择

Question

我有一个带有 N 个单选按钮的 jquery 模板，我需要选择具有从外部 html 文件加载模板后传递的值的单选按钮（使用 jQuery.tmpl() 方法）。有没有一种好的方法可以在模板中选择单选按钮，而无需多个 {{if}}、{{else}} 语句、重复的代码和选择器？

Answer 1

您的数据以什么格式从服务器返回？如果是 JSON 数组，你能做这样的事情吗？

html:

<script id="myTemplate" type="text/html">
    <input type="radio" value="${value}"{{if selected}} checked{{/if}}>${name}</input><br />
</script>

<div id="myDiv">
</div>

javascript:

var myData = [
    {name: 'test 1', value : 'radio1', selected : false},
    {name: 'test 2', value : 'radio2', selected : false},
    {name: 'test 3', value : 'radio3', selected : true},
    {name: 'test 4', value : 'radio4', selected : false}
];

$('#myTemplate').tmpl(myData).appendTo('#myDiv');

http://jsfiddle.net/JbTwB/1/

Answer 2

如果您有所需无线电的值，您可以执行以下操作：

jInstance.find('input[value=' + desiredValue + ']').attr('checked', true);

这里假设 jInstance 是新创建的模板副本，并且 desiredValue 与您想要预先选择的单选按钮的值。

如果您只知道部分值，则可以使用其他 jQuery 选择器来定位该输入。

如果您正在寻找更通用的“表单预填充”例程，则需要建立某种格式来存储预填充值集，以及从该格式到模板的映射。但这是可以做到的，而且也不一定那么难。