Question

下午好好听的人！任何帮助甚至是侮辱都会有用。我无法将小型开关/标签显示放在一起 - 但是，当ID相同时，开关按钮可以正常工作;但我想使用相同的HTML，但使用不同的CSS，所以他们不会在同一页面上发生冲突。

let numberString = "-3.60"


// "3.60"
let positiveString = numberString.stringByReplacingOccurrencesOfString("-", withString: "", options: nil, range: nil)


// 3.6
let positiveDouble = (positiveString as NSString).doubleValue


// "3.60"
let positiveDoubleString = NSString(format: "%0.02f", positiveDouble)


// 3.6
let positiveDoubleWithZeros = positiveDoubleString.doubleValue

即添加＃profile2 {etc，但它会禁用按钮开关。任何帮助将非常感谢！谢谢。

https://jsfiddle.net/limtu/h8t6cc78/embedded/result/

Answer 1

好的，你遇到的问题是你到处都在使用id。相反，如果要有多个配置文件，则应仅使用 classes。这是因为你永远不应该有两个具有相同id的元素 - 这是classes的用途。

但是，使用类的问题在于，您无法将label与没有input field的{{1}}相关联。因此，您应该使用id伪元素，而不是使用labels。单击伪元素也将触发父元素。通过对这些伪元素应用实体::after并使用background，您可以覆盖/隐藏单选按钮，但仍然可以在没有position:absolute; top:0; left:0;的情况下激活它。

要仅允许一次选择一个配置文件中的一个id，您应该为它们提供相同的input[type=radio]，但不同的name。您现在也可以使用value value单独定位这些内容。

但是，如果您将其保留，则只能在所有配置文件中选择一个选项卡。所以你需要做的是将所有内容包装在input[value=your-value]元素中。这种方式尽管单选按钮在每个配置文件中具有相同的form和name s，但它们不会影响同一页面上的其他配置文件，因为它们与不同的value相关联

坦率地说，花了很多时间和工作，但这是您固定的个人资料页面：https://jsfiddle.net/ilpo/h8t6cc78/5/我提供了三个配置文件，以证明它适用于多个配置文件。每个表单所具有的forms对于此工作不是必需的。他们只是为了证明id可以/应该使用的内容。 id用于 id 包含唯一元素，以区别于其他元素。

按钮的ID和类选择器 - 以前工作

1 个答案: