Javascript jQuery输入[name=”“]选择器不工作

Javascript jQuery输入[name=”“]选择器不工作,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,所以这个问题从昨天下午开始就让我发疯了。我一直在为我们的网站开发报价计算器,我正在尝试设计表单上的单选按钮。报价计算器可在此处查看: 如您所见,当您在问题上单击“是”或“否”时,背景将变为插入橙色。这些只是带有标签的单选按钮。以下是一些示例HTML: <input type="radio" name="cms" value="yes" id="cms1" /><label for="cms1">Yes</label> <input type="radio

所以这个问题从昨天下午开始就让我发疯了。我一直在为我们的网站开发报价计算器,我正在尝试设计表单上的单选按钮。报价计算器可在此处查看:

如您所见,当您在问题上单击“是”或“否”时,背景将变为插入橙色。这些只是带有标签的单选按钮。以下是一些示例HTML:

<input type="radio" name="cms" value="yes" id="cms1" /><label for="cms1">Yes</label>
<input type="radio" name="cms" value="no" id="cms2" /><label for="cms2">No</label>
如您所见,当单击单选按钮的标签时,将向该标签添加一类checked。这个类有我的样式表中指定的样式,即背景颜色。然后,所有具有相同名称但未单击的单选按钮都应删除选中的类


这在FireFox和Chrome中运行得很好,但是当我在IE8或IE7中尝试它时,一切都很好,但是$:radio[name='+radioGroup+']选择器似乎没有运行,因为该类没有被删除。本质上,在IE中,我的标签不会去高亮显示。我尝试了很多选择器的变体,使用了伪选择器、过滤器,但仍然没有成功。有人对此有所了解吗?

在IE中,您的一个链接脚本在刷新html后,在开发人员工具中的和可查看的之间添加了以下内容

<css3-container style="Z-INDEX: -1; POSITION: absolute; DIRECTION: ltr; TOP: 780px; LEFT: 0px">  
    <background style="POSITION: absolute; TOP: 0px; LEFT: 0px">
        <group1>
            <?xml:namespace prefix = css3vml ns = "urn:schemas-microsoft-com:vml" />
            <css3vml:shape style="POSITION: absolute; WIDTH: 86px; HEIGHT: 42px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" coordsize = "172,84" coordorigin = "1,1" fillcolor = "#ff7955" stroked = "f" path = " m0,16 qy16,0 l156,0 qx172,16 l172,68 qy156,84 l16,84 qx0,68 x e">
                <css3vml:fill></css3vml:fill>
            </css3vml:shape>
        </group1>
    </background>
</css3-container>

这会中断您的选择器,因为.previnput再也找不到该输入了

。live已被弃用,请改用.on。这在IE9+中有效吗?尝试了.on,但仍然没有骰子。我使用mac电脑,实际上没有访问ie9的权限,所以我不确定。宾果!标记是由css3PIE添加的:PIE是一个扩展,它支持css3属性,如ie7和ie8中的框阴影。显然,它是通过在调用它的元素之前添加一个元素来实现的。为了解决我的问题,我刚刚从label元素中删除了PIE。不过我还是想用馅饼。除了上一个元素外,还有其他方法选择此元素吗?像是最近的吗?我不确定。意见?@ThoughtSpaceDesigns您不能按id选择吗$+$this.attrforI还将使用label@ThoughtSpaceDesigns您将需要循环其他输入以从标签中删除类-因为结构不一致-这里是如何做到的@ThoughtSpaceDesigns在前面的评论中检查我的小提琴-它向您展示了如何像我看到的那样抓取标签.下一个也不行
<css3-container style="Z-INDEX: -1; POSITION: absolute; DIRECTION: ltr; TOP: 780px; LEFT: 0px">  
    <background style="POSITION: absolute; TOP: 0px; LEFT: 0px">
        <group1>
            <?xml:namespace prefix = css3vml ns = "urn:schemas-microsoft-com:vml" />
            <css3vml:shape style="POSITION: absolute; WIDTH: 86px; HEIGHT: 42px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" coordsize = "172,84" coordorigin = "1,1" fillcolor = "#ff7955" stroked = "f" path = " m0,16 qy16,0 l156,0 qx172,16 l172,68 qy156,84 l16,84 qx0,68 x e">
                <css3vml:fill></css3vml:fill>
            </css3vml:shape>
        </group1>
    </background>
</css3-container>