0

我的注册表页面中有一组单选按钮,编码为:

<label for="text"><input type="radio" name="gen" id='gender' value="Male"> Male <input type="radio" name="gen" id='gender' value="Female"> Female </label><br/>

这些显示标准单选按钮。

我的测验页面中有另一组单选按钮,代码

<div class='checkoutform'>
    <?php for($i=0;$i<$whatever;$i++){
        if($i==0){
            echo "<div class='fieldlist'>";
            echo "<input class='checkedBox2' name='".$question["id"]."' type='radio' id='shipadd1'>";
            echo "<label for='shipadd1'>";
            echo $contents.'</label>';
            echo "</div>";
        }
        else{
            echo "<div class='fieldlist'>";
            echo "<input type='radio' id='shipadd$j' name='".$question["id"]."'>";
            echo "<label for='shipadd$j'>";
            echo "</div><br/>";
        }
    }
?>
</div>

问题是第二组单选按钮显示我想要的图像+标准单选按钮,我发现很难区分两者。如果你能帮忙那就太好了。这是我用于两组单选按钮的当前 css:

.fieldlist{width:100%; background-color:#fffcd9}

input[type="radio"] + label{
background: url(/images/1.png) right center no-repeat;
background-size: 20px; 
height: 25px;
display:inline-block;
padding: 0 49px 0 0;
}

input[type="radio"]:checked + label{
    background-size: 20px; -moz-background-size: 20px;
    background: url(/images/2.png) right center no-repeat;
}

label[for=shipadd1]{
    width: 60%;
    float: left;
    text-align: left;
}

label[for=shipadd2]{
    width: 60%;
    float: left;
    text-align: left;
}

label[for=shipadd3]{
    width: 60%;
    float: left;
    text-align: left;
}

label[for=shipadd4]{
    width: 60%;
    float: left;
text-align: left;
}

所以,我试图在一页上使用标准单选按钮,擦除实际的单选按钮并将它们替换为在第二页上使用。有人可以告诉我哪里出错了吗?

提前致谢

4

2 回答 2

1

您有两个具有相同 ID 的单选按钮

id='gender'

试着把它们独一无二

id='genderMale'            id='genderFemale'

然后你让他们区分每个id,不确定这是否是你要求的......

编辑

正如我所说,你正在做的是糟糕的编码,不同的 id 和一个共享的类......

于 2012-10-11T12:09:05.997 回答
1

为前 2 个单选按钮添加公共类。第二组的另一个类。这样你就可以区分它们。

于 2012-10-11T12:19:37.917 回答