jquery 在单击单选按钮时选择并激活特定类的所有项目

Question

我是 Javascript 新手，但我在做一些 javascript 的工作中遇到了一个问题。我们正在为客户定制产品以创建表单。表单对象（文本字段、下拉菜单等）出现在菜单中。可以使用 Ctrl 键单独或多个选择这些对象中的每一个。我们被要求启用单选按钮，以便客户可以轻松选择它们。每一个都是分组的，所以可以很容易地选择。

例如。 (a) 选择所有客户联系选项 (b) 客户组织详细信息 选择后，它们应该可以拖放到表单中。

因此技术方面的要求是

1. 各种组的单选按钮（客户联系选项等）

2. 选择单选按钮后，激活相关的对象类。

3. 启动拖动/移动功能

   HTML sn-p 类似于.. //replaced

    (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)

我们需要绑定的产品代码（函数）是：

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

虽然它不工作:( 谁能建议如何使用单选按钮激活一个类/一组对象

另外，我尝试了一个简单的测试，它可以工作。 // 只是为了使用红色边框突出显示类的所有对象。 // 所以真的只是想知道如何将 .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"));
});​