ラジオボタンをクリックして特定のクラスのすべてのアイテムを選択して有効にするjquery

Question

私はJavascriptを使い慣れていませんが、私は自分の仕事でいくつかのjavascriptを行うことに問題を抱えています。お客様がフォームを作成するための製品をカスタマイズしています。フォームオブジェクト（テキストフィールド、ドロップダウンなど）はメニューにあります。これらの各オブジェクトは、Ctrlキーを使用して個別に選択することも、複数選択することもできます。ラジオボタンを有効にして、顧客が簡単に選択できるようにしました。これらはそれぞれグループになっているので、簡単に選択できます。

たとえば、 （a）すべての顧客連絡先オプションを選択（b）顧客組織の詳細 一度選択すると、それらはドラッグ可能で、フォームにドロップする必要があります。

したがって、技術的な面での要件は、様々なグループのために

1. ラジオボタン（顧客連絡先オプション等。）のラジオボタンを選択すると
2. は、あるオブジェクトの関連クラスを活性化させます。
は、ドラッグ/移動機能を開始し

のような... //コード

(div class="FormElementMain" style="TOP: 5px; LEFT: 10px" FieldType="Label") 
    (span class="contactOptionsLabel" style="width: 50px")Mobile Number(/span) 
(/div) 
(div class="FormElementMain" style="TOP: 5px; LEFT: 20px" FieldType="Label") 
    (span class="contactOptionsLabel" style="width: 50px")Tel Number(/span) 
(/div) 
(div class="FormElementMain" style="TOP: 5px; LEFT: 30px" FieldType="Label") 
    (span class="orgDetailsLabel" style="width: 50px")Job Designation(/span) 
(/div) 

製品コードとして入れする（へ<を何か交換されるHTMLスニペット（関数）は、バインドする必要があります：

function selectLabelClass(object) 
{ 

    object.addClass("highlightDiv"); // Just to highlight the div class so a shade appears around the text 
    var currentWrapper=object; 

    CurrentObject.push(new MoveObject(currentWrapper)); 
    currentWrapper.draggable({ grid: [GridSizeX, GridSizeY], containment: ".ui_fieldsetset" }); 

    DisplayProperties(); 
} 

したがって

ラジオボタンがクリックされたら、私はラベルクラスを開始しようとしている

$("#selectLabelRadioButton").live("click", 
     function() 
     { 
      selectLabelClass(".contactOptionsLabel"); 
     }); 

}); 

としてITSは は、ラジオボタンを使用して、オブジェクトのクラス/グループを有効にする方法を誰にもお勧めできます:(かかわらず動作しない

別途注意して、私は簡単なテストを試みました。 //赤い枠線を使用してクラスのすべてのオブジェクトを強調表示するだけです。 //だから本当にただの.cssが他のカスタム関数

$("#selectLabelRadioButton").click(function(){ 
    $(".selectLabelClass").css("border","3px solid red"); 
}); 

Answer 1

に置き換えることができる方法を知りたいと思った私は何をあなたの質問ではありませんあなたのコードのすべてのことは知りません。

しかし、あなただけの代わりにjQueryオブジェクトを得ることを期待selectLabelClassにjQueryオブジェクトの文字列が渡さ...この

変更：selectLabelClass(".contactOptionsLabel");
この先：selectLabelClass($(".contactOptionsLabel"));

$("#selectLabelRadioButton").live("click", function() { 
    selectLabelClass($(".contactOptionsLabel")); 
});​