Question

有没有办法通过获取其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>

有关如何做到这一点的任何想法？非常感谢演示。

Answer 1

基本上，您需要使用此代码段来检查复选框。

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

jQuery 1.6+虽然。要从文本区域获取它，请执行以下操作：

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

这是实际操作，您需要根据自己的需要进行调整：http://jsfiddle.net/nwYj5/1/

Answer 2

试试这个

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

Answer 3

<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 id="checkTxt" type="textbox" />
<input id="checkBtn" type="button" value="check 'em" />

$("#checkBtn").click(function(){
  $("#" + $("#checkTxt").val())[0].checked = true;
})

对于那些不想使用的泥棒。我想是＆gt;。＆gt;

Answer 4

给定<input type=text id='checkMe' value=''>您可以定义事件处理程序

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

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

Answer 5

好的，here就是你的例子

我添加了一个文本框，因此您可以输入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.6）

$(function() {
    $("#userInput").keyup(function(e) {   
        if(e.keyCode === 13) {
            var checkbox = $("#" + $(this).val());
            checkbox.prop('checked', !checkbox.is(":checked"));
        }
    });      
});

如果你想使用jQuery 1.5，你需要使用checkbox.attr更改checkbox.prop（'checked'，'checked'）

通过输入其ID来选中复选框

5 个答案: