ボタン間のパディングまたはスペースでラジオボタンを水平方向に整列させる方法を見つけようとしています。インターネットで検索してみましたが、インターネット上ですべてを見つけることができないので、今ここにいます。私は Javascript と JQuery を使用することにオープンです。
ここに私の JSFiddle があります: http://jsfiddle.net/547fx/1/
Javascript は次のとおりです。
function tryToMakeLink() {
//get all selected radios
var q1 = document.querySelector('input[name="q1"]:checked');
//make sure the user has selected all 3
if (q1 == null) {
document.getElementById("linkDiv").innerHTML = "<input type=button
disabled=disabled value=Next>";
} else {
//now we know we have 3 radios, so get their values
q1 = q1.value;
//now check the values to display a different link for the desired configuration
if (q1 == "AT&T") {
document.getElementById("linkDiv").innerHTML = "<input type=button value=Next
onclick=\"window.location.href='http://google.com/';\">att 8gb black</input>";
} else if (q1 == "Other") {
document.getElementById("linkDiv").innerHTML = "<input type=button value=Next
onclick=\"window.location.href='http://yahoo.com/';\">other 8b white</input>";
} else if (q1 == "Unlocked") {
document.getElementById("linkDiv").innerHTML = "<input type=button value=Next
onclick=\"window.location.href='http://wepriceit.webs.com/';\">red</input>";
}
}
}