0

レジストリ ページに次のようにコード化されたラジオ ボタンのセットが 1 つあります。

<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>

問題は、ラジオ ボタンの 2 番目のセットに、必要な画像と標準のラジオ ボタンが表示されることです。この 2 つを区別するのは難しいと思います。あなたがそれを助けることができれば、それは素晴らしいことです. ラジオボタンの両方のセットに使用している現在の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;
}

そのため、1 つのページで標準のラジオ ボタンを使用し、実際のラジオ ボタンを消去して、2 番目のページで使用するように置き換えようとしています。誰かが私が間違っているところを教えてもらえますか?

前もって感謝します

4

2 に答える 2

1

同じIDの2つのラジオボタンがあります

id='gender'

ただtuを試してみてください

id='genderMale'            id='genderFemale'

次に、IDごとに区別しますが、それが要求したものかどうかはわかりません...

編集

あなたがしているのは悪いコーディングです、私が言ったように、異なるIDと共有クラス...

于 2012-10-11T12:09:05.997 に答える
1

最初の 2 つのラジオ ボタンに共通のクラスを追加します。セカンドセットの別のクラス。このようにして、それらを区別できます。

于 2012-10-11T12:19:37.917 に答える