从多选jQuery UI小部件动态添加复选框 [英] Dynamically adding checkboxes from multi-select jQuery UI widget

问题描述

我正在使用正在从javascript文件填充的Eric Hynds jQuery MultiSelect Widget。我正在尝试动态地将带有所选复选框值的复选框附加到主要复选框如果选中主要。添加后，将检查该值，允许用户取消选中。为了帮助说明内部的评论： http://jsfiddle.net/3u7Xj/7/



参考文献：

I'm using Eric Hynds jQuery MultiSelect Widget that is being populated from a javascript file. I'm trying to dynamically attach a checkbox with the value of the selected checkbox to a 'Main' checkbox If a 'Main' is checked. When added the value will already be checked, allowing user to uncheck. To help illustrate with comments inside: http://jsfiddle.net/3u7Xj/7/

References:

<select id="select" multiple="multiple" class="multiselect">
</select>
<input type="checkbox" name="chkMain1" value="Main1" 

     id="Main1"><label for="Main1">Main1</label><br />
<input type="checkbox" name="chkMain2" value="Main2" 

     id="Main2"><label for="Main2">Main2</label><br />
<input type="checkbox" name="chkMain3" value="Main3" 

     id="Main3"><label for="Main3">Main3</label><br />

填充掉落来自js文件的小部件：

Populating drop down widget from js file:

var MYdata=[{"Value":"1","ValueText":"name1"}
              ,{"Value":"2","ValueText":"name2"}
              ,{"Value":"3","ValueText":"name3"}];

$('#select').html(function(){
   return $.map(MYdata, function(v) {
      return "<option id='"+ v.Value +"'>" + v.Value + "-" + v.ValueText +"</option>";
   }).join('');
});

在检查/点击时动态添加复选框的概念： http://jsfiddle.net/KPkJn/9/



我们将非常感谢任何帮助。

Concept of dynamically adding checkbox on check/click: http://jsfiddle.net/KPkJn/9/

Any help would be greatly appreciated.

推荐答案

（' #select'）。 html（ function （）{
return

('#select').html(function(){ return

.map（MYdata， function （v）{
return < option id =' + v.Value + < span class =code-string>'> + v.Value + - + v.ValueText + < / option>;
}） .join（' < span class =code-string>'）;
}）;

.map(MYdata, function(v) { return "<option id='"+ v.Value +"'>" + v.Value + "-" + v.ValueText +"</option>"; }).join(''); });

在检查/点击时动态添加复选框的概念： http://jsfiddle.net/KPkJn/9/



我们将非常感谢任何帮助。

Concept of dynamically adding checkbox on check/click: http://jsfiddle.net/KPkJn/9/

Any help would be greatly appreciated.

这可能很有用：jsfiddle.net/uNNMr/2599

this may be useful: jsfiddle.net/uNNMr/2599

这篇关于从多选jQuery UI小部件动态添加复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！