2012-02-04 12 views
1

一連のチェックボックスがデータベースの次のエントリに表示されるページがあります。各ページには、データベースに値をAjaxで書き込むonClickイベントがあります。jqueryの値が正しくないチェックボックスの切り替え

私はすべてのチェックボックスを切り替え、フォーム上のボタンを持つようにしたいので、私は次の関数/ jQueryの使用:唯一の問題は、それがのonClickをトリガーがあることである、

function toggle_chk_links(){ 
    $(".chk_user_link").click(); 
}; 

をそれは視覚的に正常に動作しますイベントは必要に応じてチェックボックスが古い値で読み取られるため、データベースは必要な値と反対の値を取得します。

active=Number($("#chk_brandlink"+brand_ID).prop("checked")); 

私は、ユーザーが手動で理想的な1つのonClick関数呼び出しを使用して、それらすべてのトグルとしてだけでなく、それぞれのチェックボックスをクリックしてできるようにする必要があります。これは、onClickイベントのチェックボックスを読んだラインです。助言がありますか?

+0

それはIEや他のブラウザでのみ起こっている、あまりにも – kobe

+0

Firefoxは現在、他の人に試していない –

答えて

4

最も簡単な解決策は、onclickイベントの代わりにonchangeイベントを処理することです。

$(".chk_user_link").change(function() { 
    // your change handler 
}); 

例:http://jsfiddle.net/7zHRm/1/

+0

おかげ - 問題があり、それぞれのチェックボックスがアヤックスに2通の変数を渡すのonclickイベントがあります一般的なjquery変更ハンドラを使用して複製するのは難しい –

+0

onclickハンドラではなく、各チェックボックスに異なる(on)変更ハンドラを使用できます。だから、 "onclick"を "onchange"に変えれば、それはうまくいくはずですか、何か不足していますか? –

+1

編集:各チェックボックスをonClickするのではなく、onChangeを使用するだけで、魅力的でした。クロスブラウザーの問題、フォーカスを失う必要のあるコントロールなどを認識していますか? –

関連する問題