通过单选更改标签答案

【问题标题】：change label by radio selection通过单选更改标签
【发布时间】：2012-10-27 11:54:38
【问题描述】：

我有这些 HTML 片段：

<table class="form" style="display: none">
    <tr>
        <td colspan="2">
            @Html.AntiForgeryToken()
            @Html.ValidationSummary()
        </td>
    </tr>
    <tr>
        <td>
            <input type="radio" value="hagh" checked="checked" name="reg">حقیقی</input>
        </td>
        <td>
            <input type="radio" value="hogh" name="reg">حقوقی</input>
        </td>
    </tr>   
    <tr>
        <td>
        <label id="lblregName">نام</label>
        </td>
        <td>
            <input name="regname" type="text" />
        </td>
    </tr>
    <tr>
        <td>
        <label id="lblregLsatNameEcoCode">نام خانوادگی</label>
        </td>
        <td>
            <input name="regLsatNameEcoCode" type="text" />
        </td>
    </tr>
    <tr>
        <td>
        <label id="lblregNatCodeRegNo">کد ملی</label>
        </td>
        <td>
            <input name="regNatCodeRegNo" type="text" />
        </td>
    </tr>
    <tr>
        <td>
        <label id="lblDepName">نام نماینده</label>
        </td>
        <td>
            <input name="regDepName" disabled="disabled" type="text" />
        </td>
    </tr>
    <tr>
        <td>
            تلفن همراه
        </td>
        <td>
            <input name="regMobile" type="text" />
        </td>
    </tr>
    <tr>
        <td>
            کد
        </td>
        <td>
            <input name="regCityCode" type="text" />
        </td>
    </tr>
    <tr>
        <td>
            تلفن ثابت
        </td>
        <td>
            <input name="regPhoneNo" type="text" />
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <button class="orange">
                ورود</button>
        </td>
    </tr>
</table>

当用户更改收音机选择时，我想更改标签标题。当用户单击它们以及如何更改标签文本时，我对如何获取选定的收音机感到困惑。以 $('#labelname').val(sometext) 访问标签是真的吗？

【问题讨论】：

@undefined 你知道 input 是一个自动关闭的标签吗？ “/>”就是这样做的
@Robuust 是的，我知道，你呢？你知道这个标记是无效的吗？ <input type="radio" value="hagh" checked="checked" name="reg">حقیقی</input>

标签： jquery html asp.net-mvc

【解决方案1】：

在sn-ps下面使用：

$(function(){
    $("input:radio").click(function(){
        if($(this).is(":checked")){
            $('#labelname').val(sometext);
        }
    });
});

希望这会有所帮助！

【讨论】：

【解决方案2】：

您可以使用遍历方法或通过从收音机获取名称并使用该名称为标签创建 ID 选择器来访问适当的标签。

我更喜欢遍历，因为它写起来不那么乏味

$(function(){
    $("td input:radio").change(function(){
       var labeltext = this.checked ? 'checked text' : 'unchecked text';
       $(this).parent().prev().find('label').text( labeltext);

    });
});

【讨论】：