0

罪状認否は私がラジオを持っていたのを助けてくれます

<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
<div class="content">
      <div id="male">male contetn</div>
      <div id="female">femalecontetn</div>
</div>

ラジオ値をクリックするとajaxを使用したい男性はdivid=maleを表示してid="female"を非表示にし、ラジオ値をクリックすると女性はdiv id=femaleを表示してid=maleを非表示にします

まことにありがとうございます

4

2 に答える 2

1

実際の動作をご覧ください。

HTML

<input type="radio" name="sex" value="male" id="sex_male" /> Male<br />
<input type="radio" name="sex" value="female" id="sex_female" /> Female
<div class="content">
      <div id="male">male contetn</div>
      <div id="female">femalecontetn</div>
</div>

Javascript

function show(el) {
  el.style.display = "";
}
function hide(el) {
  el.style.display = "none";
}

document.getElementById("sex_male").onclick = function() {
  show(document.getElementById("male"));
  hide(document.getElementById("female"));
}

document.getElementById("sex_female").onclick = function() {
  show(document.getElementById("female"));
  hide(document.getElementById("male"));
}
于 2010-07-02T20:20:32.387 に答える
0

jqueryを使用できる場合は、そのためのコードを次に示します。

$(document).ready(function () {
        $("#sex_male").click(function () {
            toggleVisibility(true);
        });
        $("#sex_female").click(function () {
            toggleVisibility(false);
        });
    });
    function toggleVisibility(isMale) {
        if (isMale) {
            $("#sex_female").hide();
            $("#sex_male").show();
        }
        else {
            $("#sex_male").hide();
            $("#sex_female").show();
        }
    }

また、私の投稿の上のコード例は機能するはずです。ただし、ロードが早すぎる可能性があります。ページの下部に配置すると、機能するはずです。

于 2010-07-02T20:43:07.123 に答える