我使用下面的代碼,以顯示 「個人」 和隱藏 「總線」,反之亦然爲什麼按下不同的單選按鈕時,我的單選按鈕事件會觸發?
JQuery的:
$('input[name="perorbus"]').click(function() {
if ($(this).attr('id') == 'bus') {
$('#showbus').show();
$('#showper').hide();
}
if ($(this).attr('id') == 'pers') {
$('#showper').show();
$('#showbus').hide();
}
});
HTML:
<fieldset id="perorbus">
<label style="font-size: large;">Personal Or Business?</label>
<br/>
<input type="radio" class="PerOrBus" value="pers" id="pers" name="perorbus"/>
<label style="font-size: medium;">Personal Customer</label>
<input type="radio" class="PerOrBus" id="bus" value="bus" name="perorbus"/>
<label style="font-size: medium;">Business Customer?</label>
<br/>
</fieldset>
<table id="showper">
<tr>
<td>Show Personal</td>
</table>
<table id="showbus">
<tr>
<td>Show Business</td>
</table>
任何其他無線電按鈕,我把在頁面上觸發這一點。他們都給出一個name屬性如下所示:
<fieldset id="CACCc">
<input type="radio" id="1b" class="2b" value="4b" name="1b"/> Yes
<br/>
<input type="radio" id="id12" class="4class" value="4c" name="id12"/> No
<br/></fieldset>
不過,我必須在文檔準備與類似下面的jQuery分配名稱:
document.getElementById("1b").setAttribute('name', '1b');
document.getElementById("id12").setAttribute('name', 'id12');
這是由於我被限於不使用名稱的HTML(長的故事)屬性
任何幫助將是巨大的,感謝
你可以在小提琴上重現這一個嗎? (https://jsfiddle.net/k7knjypu/工作正常) – Florian
是真的,必須是其他地方的問題 – Stacker