javascript - 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/