Javascript 使用jquery显示基于复选框列表项的隐藏文本框

我有一个复选框和一个文本框。首次加载时不显示文本框。如果我选中复选框中的其他选项，它将显示。如何使用jquery实现这一点

下面是我的html代码：

<table>
    <tr>
        <td>
            <input name="Offices[0].ID" id="Offices_0__ID" type="hidden" value="Singapore">
            <input name="Offices[0].Name" id="Offices_0__Name" type="hidden" value="Singapore">
            <input name="Offices[0].Checked" id="Offices_0__Checked" type="checkbox" value="true" data-val-required="The Checked field is required." data-val="true">
            <input name="Offices[0].Checked" type="hidden" value="false">
            Singapore
        </td>
    </tr>
    <tr>
        <td>
            <input name="Offices[1].ID" id="Offices_1__ID" type="hidden" value="Kuala Lumpur">
            <input name="Offices[1].Name" id="Offices_1__Name" type="hidden" value="Kuala Lumpur">
            <input name="Offices[1].Checked" id="Offices_1__Checked" type="checkbox" value="true" data-val-required="The Checked field is required." data-val="true">
            <input name="Offices[1].Checked" type="hidden" value="false">
            Kuala Lumpur
        </td>
    </tr>
    <tr>
        <td>
            <input name="Offices[2].ID" id="Offices_2__ID" type="hidden" value="Other">
            <input name="Offices[2].Name" id="Offices_2__Name" type="hidden" value="Other">
            <input name="Offices[2].Checked" id="Offices_2__Checked" type="checkbox" value="true" data-val-required="The Checked field is required." data-val="true">
            <input name="Offices[2].Checked" type="hidden" value="false">
            Other
        </td>
    </tr>
</table>

新加坡
吉隆坡
其他

注意：复选框可以根据数据库中的办公室数量增长

这就是我迄今为止所做的：

$(document).ready(initialize);
function initialize() {
    $("input#otheroffice").hide();
    $(":checkbox").click(showHideOtherOffice);
}

function showHideOtherOffice() {
    if ($("input#Offices_item_Checked").is(':checked')) { <-- I don't know how to get Other's checkbox id 
        $("input#otheroffice").show();
    }
    else {
        $("input#otheroffice").hide();
    }
}

$（文档）.ready（初始化）；
函数初始化（）{
$（“输入#其他办公室”）.hide（）；
$（“：复选框”）。单击（显示隐藏其他办公室）；
}
函数showHideOtherOffice（）{
如果（$（$（“input#Offices _item _Checked”）。是（':Checked'）{下面是一个简单的示例，它让您走上了正确的道路：


$（':checkbox[name=office]'）。在（'change'，function（）上{
如果（$（':checkbox[value=other]'）。是（':checked'））{
$（'span.other txt'）.removeClass（'hide'）；
}否则{
$（'span.other txt'）.addClass（'hide'）；
}
})；
.hide{
显示：无；
}

办公室：

新加坡

瓜拉兰普尔

其他

@madalinivascu我已经更新了问题谢谢你的回答，但是正如你在我的问题中看到的，名字并不像“office”那么简单，上面有索引。在我看来，这将是任务中最简单的部分。这完全取决于你如何组织你的文档；它
其他
永远是最后的选择…使用
$（'：复选框[id^=“Offices”]）.last（）
选择其他…或者，如果您给它一个
data value=“其他”
attribute，您可以使用它来定位正确的复选框……感谢您的提示，目前它解决了我的问题，但我仍然好奇它是否是最后的选择。正如我所说的，这完全取决于您的结构和您可能使用的任何独特属性。请提供一个具体的示例，让我知道我可以如何帮助您。