JQでチェックボックスとラジオボタンをオン/オフに切り替える方法

Question

これを動作させようとしましたが、成功していません。私はjsと本当のnoobですので、私を助けようとしているときにそれを念頭に置いてください。私はこのコードを使って何が起こっているのか分からないので、私のためにそれを綴る必要があります。

私は仕事をしようとしている2つのことがあります。 1つはラジオボタンのセットです。これらのボタンは、ラジオボタンを1つしかチェックできないことを意味するグループです。これらのラジオボタンの値は1または0で、データベースから出てきます。

ここに私が抱える問題があります。私は、ボタンを切り替えてdbの値を変更することができますが、jsonがデータベースからデータを呼び出すときには、ボタンに変更はありません。たとえば、ボタンAをtrueに変更した場合、またはdbのvalが1に変更された場合、その時点からそのページを表示すると、ボタンAにその旨が反映されます。また、ユーザーがBをチェックすると、db valが0に変更され、ボタンにもその値が反映されます。

実際のボタンをデータベースの値を反映するように切り替える方法がわかりません。ここに私のコードは、これまでです：

else if (item.field == "status" && item.value == "1"){ 
    $("radio#status").attr("checked", "checked"); 
} 

<input type="radio" id="active" name="status" value="1" checked="checked" class="chkbx"> 
<input type="radio" id="inactive" name="status" value="0" class="chkbx"> 

ここに私の第二の問題があります。チェックボックスはラジオボタンとまったく同じですが、グループではありません。各チェックボックスにはそれぞれ独自の値があります。繰り返しますが、0と1を使用していますが、複数のチェックボックスを同時に確認できます。これも同様のコードです。

else if (item.field == "rptDly" && item.value == "1"){ 
    $("checkbox#rptDly").attr("checked", "checked"); 
} 

<input type="checkbox" id="rptDly" name="rptDly" value="1" checked="checked" class="chkbx"> 
<input type="checkbox" id="rptSum" name="rptSum" value="1" checked="checked" class="chkbx"> 
<input type="checkbox" id="rptDtl" name="rptDtl" value="1" checked="checked" class="chkbx"> 

私を導く人はいますか？上記のjsコードに警告を付けると警告が表示されるので、私はそこにはいいと知っていますが、私はjsを知らないので、これ以上問題を解決することはできません。

編集：

私が複製している元の投稿が見つかりました。 hereです。

Answer 1

サーバー上で何が起こったのか、クライアントで何が起こったのかが混乱しているようです。あなたが参照しているアイテムオブジェクトは何ですか？

また、最初のコード例でtag＃nameを使用するtag＃idです。

通常、あなたが書いているコードは（サーバーサイド言語andframeworkに応じて）ビットのようになります。<%と％>の間にコードが何かを送信する前に、サーバー上で実行されることを

<input type="checkbox" id="forreferencinginjavascriptandcss" name="tobesenttotheserver" value="1"<% if someboolean then print " checked=\"checked\"" %>> 

注意クライアントに送信します。

あなたはそれがブラウザに送信されています後にラジオボタン/チェックボックスのチェックを外す/確認したい場合は、あなたがそれを行うにはjQueryを使用することができます。

$("input#forreferencinginjavascriptandcss").attr("checked", true); 

または

$("input#forreferencinginjavascriptandcss").attr("checked", false); 

チェックボックスがされた場合チェックすると、name = valueがサーバーに送られ、チェックされていなければ、何もサーバーに送られません。どこに送られるのかを見たい場合は、GoogleでFiddler2をダウンロードしてダウンロードすることをおすすめします。これはHTTPプロキシとして機能し、サーバとの間で送受信される情報を正確に見ることができます。

Answer 2

jqueryセレクタに使用している構文が少し間違っています。

の代わりに...

$("checkbox#rptDly") 

...チェックボックスにアクセスするための構文は...

$("input:checkbox[name='rptDly']") 

である。しかし、チェックボックス、それぞれが独自のid属性を持っているとして、あなたは可能性があり単純に使用してください...

$("#rptDly") 

ラジオボタンはすべて同じ名前またはIDを持つため、少しトリッキーです。これらはvalue属性で区別する必要があります。正しい解決方法を調べて、あなたに連絡します。

アップあなたのjQueryのセレクタの構文上のブラシあなたは「確認」文字列ではなく、真/ falseにJavaScriptでプロパティを「確認」に設定する必要がJQuery documentation website それともa good book on the subject

Answer 3

を買いに。

checked="checked"は、ブール値のプロパティを指定するためのHTML規約です。 javascriptのDOMでは、これは真のブール値に変換されます