通过无线电选择更改标签

时间:2012-10-27 11:54:38

标签: jquery html asp.net-mvc

我有这些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)?

2 个答案:

答案 0 :(得分:0)

使用以下代码段:

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

希望这会有所帮助!!

答案 1 :(得分:0)

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

我更喜欢遍历,因为编写

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

    });
});