Jquery 通过输入复选框的id来选中复选框

是否有一种方法可以通过获取其ID来选中未选中的复选框

我有很多jquery复选框，我只是想知道是否有可能，通过在文本框中输入它的ID，它将使用每个和遍历我的所有复选框，比较输入的文本和它的ID。。。然后检查是否找到

假设我的html中有一个文本框，一些复选框和按钮

<div id = 'fCheck'> 
  <input type="checkbox" id="mango" value="mango" /> <label>MANGO</label><br>
  <input type="checkbox" id="santol" value="santol" /> <label>SANTOL</label><br>
  <input type="checkbox" id="guava" value="guava" /> <label>GUAVA</label><br>
  <input type="checkbox" id="lomboy" value="lomboy" /> <label>LOMBOY</label><br>
  <input type="checkbox" id="apple" value="apple" /> <label>APPLE</label><br>
  <input type="checkbox" id="orange" value="orange" /> <label>ORANGE</label><br>
</div>

芒果

桑托尔

番石榴

LOMBOY

苹果

橙色

---

你知道怎么做吗？非常感谢您的演示。

基本上，您需要这段代码来选中复选框

$('#apple').prop('checked', true);

只有jquery1.6+才是。要从文本区域获取，请执行以下操作：

$('.inputclass').keyup(function() {
    $('#' + $(this).val()).prop('checked', true);
});

---

这是实际操作中的代码，您需要根据自己的需要对其进行调整：

基本上，您需要此代码段来选中复选框

$('#apple').prop('checked', true);

只有jquery1.6+才是。要从文本区域获取，请执行以下操作：

$('.inputclass').keyup(function() {
    $('#' + $(this).val()).prop('checked', true);
});

下面是它的实际操作，您需要根据自己的需要调整它：

给定

您可以定义一个事件处理程序

$('#checkMe').live("keyup", function(){
   var id = this.value;
   $("#"+ id).attr("checked",true);
});

注意：如果您使用的是jquery 1.6+，则可以使用prop而不是attr。

给定的

可以定义事件处理程序

$('#checkMe').live("keyup", function(){
   var id = this.value;
   $("#"+ id).attr("checked",true);
});

注意：如果您使用的是jquery 1.6+，那么可以使用prop而不是attr。

试试这个

 $("input:checkbox").each(function(){
         $(this).attr("checked", $(this).attr("id") == $("textBoxSelector").val()?true:false);
    });

试试这个

 $("input:checkbox").each(function(){
         $(this).attr("checked", $(this).attr("id") == $("textBoxSelector").val()?true:false);
    });

好的，这是你的例子

我添加了一个文本框，以便用户可以输入id：

<div id = 'fCheck'> 
  <input type="checkbox" id="mango" value="mango" /> <label>MANGO</label><br>
  <input type="checkbox" id="santol" value="santol" /> <label>SANTOL</label><br>
  <input type="checkbox" id="guava" value="guava" /> <label>GUAVA</label><br>
  <input type="checkbox" id="lomboy" value="lomboy" /> <label>LOMBOY</label><br>
  <input type="checkbox" id="apple" value="apple" /> <label>APPLE</label><br>
  <input type="checkbox" id="orange" value="orange" /> <label>ORANGE</label><br>
</div>

<input type="text" id="userInput"/>

如果您想使用jQuery 1.5，您需要将checkbox.prop与checkbox.attr（'checked'，'checked'）一起更改

我添加了一个文本框，以便用户可以输入id：

<div id = 'fCheck'> 
  <input type="checkbox" id="mango" value="mango" /> <label>MANGO</label><br>
  <input type="checkbox" id="santol" value="santol" /> <label>SANTOL</label><br>
  <input type="checkbox" id="guava" value="guava" /> <label>GUAVA</label><br>
  <input type="checkbox" id="lomboy" value="lomboy" /> <label>LOMBOY</label><br>
  <input type="checkbox" id="apple" value="apple" /> <label>APPLE</label><br>
  <input type="checkbox" id="orange" value="orange" /> <label>ORANGE</label><br>
</div>

<input type="text" id="userInput"/>

如果您想使用jQuery 1.5，您需要将checkbox.prop与checkbox.attr（'checked'，'checked'）一起更改

对于那些不想使用的泥巴。道具我猜>>

---

对于那些不想使用.prop的人来说，我想>>

我说他们使

.attr（）

向后兼容1.6.2是正确的吗？@Seth是的，它应该做同样的事情这很好，但是因为我没有使用jquery 1.6+，那么它对我仍然不起作用。这可能会帮助其他人。我说的对吗，他们使

.attr（）

向后兼容1.6.2？@Seth是的，它应该做同样的事情这很好，但由于我没有使用jquery 1.6+，那么它对我仍然不起作用。这可能对其他人有所帮助。此代码很好，但一旦您输入另一个id，它将删除复选框的复选框。感谢此示例是的，它将删除复选框，因为条件将失败，并且它将把checked属性设置为false。你到底需要什么？我已经有了<代码>$（“输入：复选框”）.each（函数（）{if$（this）.attr（“id”）==rightGroupCode）{$（this.attr（“checked”，true）；}）。我组合了我在这里测试过的所有代码，然后得到了它。你是说rightGroupCode包含了所有的代码？它是数组还是字符串？这段代码很好，但一旦您输入另一个id，它将删除复选框的复选框。感谢此示例是的，它将删除复选框，因为条件将失败，并将checked属性设置为false。你到底需要什么？我已经有了<代码>$（“输入：复选框”）.each（函数（）{if$（this）.attr（“id”）==rightGroupCode）{$（this.attr（“checked”，true）；}）。我组合了我在这里测试过的所有代码，然后得到了它。你是说rightGroupCode包含了所有的代码？它是数组还是字符串？这很好，但我不知道为什么它不会在我自己的程序中运行。。。但是谢谢你。我只需要检查我的代码为什么它不会检查我的复选框这是好的，但我只是不知道为什么它不会在我自己的程序中运行。。。但是谢谢你。我只需要检查我的代码，为什么它不会检查我的复选框