联系人表单7将ID添加到单选按钮

时间:2012-05-29 作者:Barry

需要一些帮助来为联系人表单7中的一组单选按钮动态生成ID。

示例:

<span class="wpcf7-list-item">
<label id="test01">
<input type="radio" name="test" value="Test">&nbsp;
<span class="wpcf7-list-item-label">Test</span>
</label>
</span>
<span class="wpcf7-list-item">
<label id="test02">
<input type="radio" name="test2" value="Test2">&nbsp;
<span class="wpcf7-list-item-label">Test</span>
</label>
</span>
谢谢!

1 个回复
SO网友:cmegown

这没有经过测试,但应该可以工作。

有一个+ CSS选择器,您可以将其与HTML元素、CSS类和ID结合使用。我建议您执行类似的操作,以避免找出将ID插入每个单选按钮的方法所带来的麻烦:

/* selects the first label element related to the first radio button,
 * the \'+\' part selects only the element that comes IMMEDIATELY after
 * the previously stated selector. The \':before\' pseudo-class will allow
 * you to inject an image before the content.
 */
#test01+input:before {
    /* something similar to this */
    content: url(\'image.jpg\');
}
我会退房的this article, 这应该是对此所需的所有内容的更详细的演练。或者,您可以使用jQuery,其工作原理如下:

$(\'#test01+input\').attr(\'id\', \'your-id-value\');
同样,这是未经测试的,但这应该允许您向这些元素中的任何一个动态添加ID属性,然后可以使用CSS对其进行操作。我不知道这是否能解决你的问题,但希望它能让事情好转:)

结束

相关推荐

联系人表单7将ID添加到单选按钮 - 小码农CODE - 行之有效找到问题解决它

联系人表单7将ID添加到单选按钮

时间:2012-05-29 作者:Barry

需要一些帮助来为联系人表单7中的一组单选按钮动态生成ID。

示例:

<span class="wpcf7-list-item">
<label id="test01">
<input type="radio" name="test" value="Test">&nbsp;
<span class="wpcf7-list-item-label">Test</span>
</label>
</span>
<span class="wpcf7-list-item">
<label id="test02">
<input type="radio" name="test2" value="Test2">&nbsp;
<span class="wpcf7-list-item-label">Test</span>
</label>
</span>
谢谢!

1 个回复
SO网友:cmegown

这没有经过测试,但应该可以工作。

有一个+ CSS选择器,您可以将其与HTML元素、CSS类和ID结合使用。我建议您执行类似的操作,以避免找出将ID插入每个单选按钮的方法所带来的麻烦:

/* selects the first label element related to the first radio button,
 * the \'+\' part selects only the element that comes IMMEDIATELY after
 * the previously stated selector. The \':before\' pseudo-class will allow
 * you to inject an image before the content.
 */
#test01+input:before {
    /* something similar to this */
    content: url(\'image.jpg\');
}
我会退房的this article, 这应该是对此所需的所有内容的更详细的演练。或者,您可以使用jQuery,其工作原理如下:

$(\'#test01+input\').attr(\'id\', \'your-id-value\');
同样,这是未经测试的,但这应该允许您向这些元素中的任何一个动态添加ID属性,然后可以使用CSS对其进行操作。我不知道这是否能解决你的问题,但希望它能让事情好转:)

相关推荐