jquery - 通过单选更改标签

Question

我有这些 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) 访问标签是真的吗？

Answer 1

使用以下片段：

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

希望这会有所帮助！

Answer 2

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

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

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

    });
});