0
我知道這個問題已經回答了幾次,我也找到了答案。然而,代碼似乎並沒有工作,我試圖做的網站。這是一個靜態頁面,應該沒有互聯網工作。我想我缺少定義一些功能。請幫忙!使用單選按鈕顯示特定選項?
<form>
<input id="id_radio1" type="radio" name="name_radio1" value="value_radio1">Option1</input>
<input id="id_radio2" type="radio" name="name_radio1" value="value_radio2">Option2</input>
<input id="id_radio3" type="radio" name="name_radio1" value="value_radio3">Option3</input>
<input id="id_radio4" type="radio" name="name_radio1" value="value_radio4">Option4</input>
<br>
<div id="ar_1" style="display:none;">
<p>info for option1</p>
</div>
<div id="ar_2" style="display:none;">
<p>info for option2</p>
</div>
<div id="ar_3" style="display:none;">
<p>info for option3</p>
</div>
<div id="ar_4" style="display:none;">
<p>info for option4</p>
</div>
</form>
<script>
$(document).ready(function() {
$('#id_radio1').click(function() {
$('#ar_1').show('fast');
$('#ar_2').hide('fast');
$('#ar_3').hide('fast');
$('#ar_4').hide('fast');
});
$('#id_radio2').click(function() {
$('#ar_1').hide('fast');
$('#ar_2').show('fast');
$('#ar_3').hide('fast');
$('#ar_4').hide('fast');
});
$('#id_radio3').click(function() {
$('#ar_1').hide('fast');
$('#ar_2').hide('fast');
$('#ar_3').show('fast');
$('#ar_4').hide('fast');
})
$('#id_radio4').click(function() {
$('#ar_1').hide('fast');
$('#ar_2').hide('fast');
$('#ar_3').hide('fast');
$('#ar_4').show('fast');
})
});
</script>
這聽起來很明顯,但jQuery的加載在你的頁面? –
請拼寫檢查您的帖子標題。另外,請用標準的國際英語寫。這意味着把一個句子的第一個單詞變大寫,並用句號(句點)結束句子。也大寫「I」這個詞。請修復此問題,謝謝。 – 2016-09-25 13:55:42
您需要告訴我們什麼不起作用,以及您的調試結果如何,例如用調試器遍歷代碼。 – 2016-09-25 13:56:36