jquery模板选择

Question

我有一个jQuery模板，有N个单选按钮，我需要选择单选按钮，其值是从外部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选择器来定位该输入。

如果您正在寻找更为一般的“表单预填充”例程，您需要建立一些格式来存储预填充值集合以及从该格式到模板的映射。但它可以做到，也不一定那么难。