Question

我动态插入复选框。我现在需要检查是否已经插入了具有特定值的复选框，以便我不需要再次插入

var select = document.getElementById("container2");
               var option = document.createElement("option");
              // alert(value['name']);
                option.text =value['name'];
                option.text=jQuery.trim(option.text);

               option.value=encodeURIComponent(value['name']);






                topics.forEach(function(d)
                              {
                              if (option.text==d.name) {
                                 var radioBtn = $('<li><label><input type="checkbox" name="'+option.text+'" value="'+option.text+'" >'+option.text+'</label></li>');
                                 radioBtn.appendTo('#values');
                              }
                              else if (option.text!==d.name) {
                                   var radioBtn = $('<li><label><input type="checkbox" name="'+option.text+'" value="'+option.text+'" >'+option.text+'</label></li>');
                                  radioBtn.appendTo('#values');
                              }


                              });

所以这里option.text将包含诸如leader，patient和d.name之类的数据将包含leader，所以在第一个条件下它将匹配我将插入一个checkbox.If它不匹配它将option.text中的所有数据插入checkbox.so它将再次插入leader。如何检查复选框value.so我可以避免复制。

Answer 1

试试这个：

if($("input[type='checkbox'][name='"+d.name+"']").length>0)
{
 //check box already exists with d.name as name
}
else
{
  //do something
}

Answer 2

您可以使用find()，如下所示 HTML

<div id="checkboxes">
<input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1
<input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2
<input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3
<input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4
</div>

JavaScript的：

$(document).ready(function () {
var name = 'c_n_0';
if ($.find(":checkbox[name=" + name + "]").length) {
    alert('element found');
} else {
    alert('element not found');
}
});

更新你if

 if (option.text==d.name && $.find(":checkbox[name="+d.name+"]").length)

查看.find()

Fiddle

如何选中复选框已经存在

2 个答案: