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

Posted 2023-05-08

【中文标题】jquery 在单击单选按钮时选择并激活特定类的所有项目

【英文标题】：jquery to select and activate all items of a particular class on click of a radio button

【发布时间】：2012-04-29 19:26:14

【问题描述】：

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

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

因此技术方面的要求是

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

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

启动拖动/移动功能

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

【问题讨论】：

控制台是否出现错误？ （我相信你会的，它只是指出它而不是你需要寻找这种东西......）

【参考方案1】：

我不知道你的所有代码都不是你的问题。

但是你只是将一个字符串而不是一个 jQuery 对象传递给了 selectLabelClass，它期望得到一个 jQuery 对象......

更改此：selectLabelClass(".contactOptionsLabel"); 对此：selectLabelClass($(".contactOptionsLabel"));

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

【讨论】：

感谢您的指出。不是工作伙伴。可能是我放的“直播”是错误的。

@diaryfolio。从我看到的角度来看，您似乎还有许多其他问题。编写代码时，每隔几行测试一下是否。如果您不熟悉 javascript\jquery，请在每一行之后进行测试。我说的对吗？

是的，伙计。我只喜欢那样。如果你看到我放了一个样本来为边框着色，它就起作用了。但我不确定的是如何使用 jquery 选择器调用函数。