jquery 两个radio的选择，并disabled

最新推荐文章于 2026-01-09 14:37:10 发布

原创最新推荐文章于 2026-01-09 14:37:10 发布 · 339 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #input #class #function #css

本文通过一个具体的示例展示了如何使用JavaScript来控制HTML表单中的元素状态，特别是根据不同的选项来显示或禁用指定的输入框。

//页面的css样式

<tr style=" margin-top:20px">
                        <td style=" margin-right:50px">
                            <input type="radio" name="isSel" class="radioItem" value="0" />从以往记录中选择
                        </td>
                        <td>
                            <input type="radio" name="isSel" class="radioItem" value="1" checked="checked"/>新指定教师
                        </td>
                    </tr>

//前台的方法

$(".radioItem").change(
    function () {
        var $selectedvalue = $("input[name='isSel']:checked").val();
        if ($selectedvalue == 0) {
            $("#TeacherChoose").attr("disabled", true);
        }
        else {
            $("#TeacherChoose").show().attr("disabled", false);
        }
    });