需要幫助以使基於單選框的選擇顯示文本框

Question

我不是開發人員，但我想深入研究，在這種情況下，我被要求提供幫助以對舊站點進行一些小改動，我已經完成了大部分工作，例如添加ReCapchta，但我只想做一件事喜歡添加到它。

我要嘗試做的就是獲得一個文本框，以顯示是否將“單選框”選擇為“其他”，此外，此字段應為必填項，但前提是顯然在上面的單選框中選擇了“其他”。

我已經嘗試了很多方法，主要是根據本文進行的。 選擇單選按鈕時隱藏/顯示3個文本框

但是我無法讓它正常工作，它永遠不會顯示，如果我刪除了它正確顯示的“隱藏”和“顯示”標簽，那么我知道布局等是正確的，這只是讓這個JavaScript發揮了作用。

================================================== =========

JavaScript位於標頭...

<script type="text/javascript">
$(function() {
    $('input[name="BodyType"]').on('click', function() {
        if ($(this).val() == 'Other') {
            $('#textboxes').show();
        }
        else {
            $('#textboxes').hide();
        }
    });
});
</script> 

================================================== =========

定義單選框的HTML表

<table width="900" border="0" cellspacing="0" cellpadding="0">
<td align="center"><span class="tablebodytxt2"><strong>VEHICLE BODY TYPE:</strong></span><br>
    <table>
        <td width="0" align="center" valign="top">
    <span class="tablebodytxt">
        <input type="radio" name="BodyType" required value="Convertible" id="BodyType">Convertible
        <input type="radio" name="BodyType" required value="Coupe" id="BodyType">Coupe
        <input type="radio" name="BodyType" required value="Crossover" id="BodyType">Crossover
        <input type="radio" name="BodyType" required value="Hatchback" id="BodyType">Hatchback
        <input type="radio" name="BodyType" required value="MPV" id="BodyType">Multi-Purpose (MPV)
        <input type="radio" name="BodyType" required value="Pick-Up" id="BodyType">Pick-Up (UTE)
        <input type="radio" name="BodyType" required value="Sedan" id="BodyType">Sedan
        <input type="radio" name="BodyType" required value="Saloon" id="BodyType">Saloon
    <input type="radio" name="BodyType" required value="SUV" id="BodyType">Sports Utility (SUV)
    <br>
    <input type="radio" name="BodyType" required value="Other" id="BodyType">Other: (Please specify below!)</span></label></td>
    </table>

================================================== =========

DIV標頭，只有在上面的單選表中選擇了OTHER時，才應顯示該標頭...

<div id="textboxes" class="tablebodytxt21" style="display: none">
Specify:<input type="text" required class="formtxt"  hidden="true"/>
</div>

================================================== =========

除非刪除Hidden和Display標簽，否則它不會顯示，我嘗試使用ID和NAME標簽，但是沒有運氣。 :(

Answer 1

感謝所有看過這個問題的人，但是我設法使用舊的可信任吮吸技術自己解決了這個問題，並在我嘗試在自己的代碼上嘗試使用Google Debugger時迷路了，哦。

無論如何，因為我在這里沒有得到答案，所以我在這里重新提出了這個問題： 代碼顯示基於單選復選框的框不起作用

最終，這使我得到了想要的結果。

從本質上講，它是行不通的，是我在代碼上方和下方嘗試了“頁眉和正文”中的腳本代碼。

但是，我並沒有嘗試將它放在需要明顯坐下的身體下方，這顯然是出於我不了解和需要研究的原因，無論如何都要感謝任何看過它的人。

希望該線程將來會幫助其他遇到類似問題的人。