2011-08-02 5 views
0

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> 

どのようにするのですか?デモをいただければ幸いです。

答えて

1
<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; 
}) 

泥の中に.propを使用したくない人。>

+0

これはいいですが、私自身のプログラムで動かない理由は分かりません...しかし、ありがとう。私はちょうど私のチェックボックスをチェックしない私のコードをチェックする必要があります – jayAnn

1

基本的に、チェックボックスをオンにするにはこのスニペットが必要です。

jQuery 1.6+しかし。また、このような何かテキストエリアからそれを取得するには:

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

アクションでこれだけですが、あなたのニーズに合わせて微調整することになるでしょう:http://jsfiddle.net/nwYj5/1/

+0

私は '.attr()'を1.6.2と下位互換性があると言っていますか? – Seth

+0

@Sethはいそれは同じことをする必要があります – Dunhamzzz

+0

これは良いですが、私はjQuery 1.6 +を使用していないので、それはまだ私のために動作しません。これは誰かを助けるかもしれません。 – jayAnn

0

<input type=text id='checkMe' value=''>考えるあなたは、イベントハンドラを定義することができます

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

jquery 1.6+を使用している場合は、attrの代わりにpropを使用できます。

1

してよし、here

あなたの例である。この

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

このコードは良いですが、別のIDを入力すると、チェックボックスのチェックが削除されます。このサンプルをありがとう – jayAnn

+0

はい、それは条件が失敗し、checkedプロパティをfalseに設定するためです。何が正確に必要なのですか? – ShankarSangoli

+0

私はすでにそれを持っています。 {$(this)}; {}}}){}}}}}}}}}}}}}}}}}}}また、 ; '。私はここでテストしたすべてのコードを結合しています。 – jayAnn

0

を試してみて、あなたが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変更する必要があり、それらのスティック用