Ajax和複選框

Question

普萊斯幫我 我有一個無線電

<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當我點擊無線價值男性 將顯示DIV ID =男性和隱藏ID =「女」 和 當我點擊單選值女 將顯示DIV ID =女性和隱藏ID =男性

十分感謝

Answer 1

See it in action.

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")); 
} 

Answer 2

如果你可以使用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(); 
     } 
    } 

也高於我的帖子的代碼示例應工作。您可能過早加載它。如果你把它放在你的頁面的底部，它應該工作。