Question

我正在尝试根据单选按钮中选择的选项启用文本字段。我对任何javascript或jquery都不熟悉，所以我真的需要一些帮助。

这是来自放置单选按钮和输入字段的表的TR

true

这个问题可能真的很微不足道，但同样，我根本没有用过这个问题。任何帮助将不胜感激！

Answer 1

将您的代码包装在文档就绪功能

中

  <script type="text/javascript">
        $(function(){
                    $('#no').click(function()
                            {
                              $('#test').removeAttr("disabled");
                            });

                    $('#yes').click(function()
                            {
                              $('#test').attr("disabled","disabled");
                            });
        })
                    </script>

$('#no').click(function()
                    {
                      $('#test').removeAttr("disabled");
                    });

            $('#yes').click(function()
                    {
                      $('#test').attr("disabled","disabled");
                    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td><b>Yes or no?</b></td>
        <td><input id="yes" type="radio" name="choose" value="yes" checked> Yes</td>
    </tr>
    <tr>
        <td></td>
        <td><input id="no" type="radio" name="choose" value="no" > No</td>
    </tr>

    <tr>
        <td>
            <input type="text" name="disabledtextfield" id="test" disabled />
        </td>
    </tr>
</table>

Answer 2

您可以像使用change事件而不是click一样执行此操作。

＆＃13;

$(':radio[name=choose]').change(function () {
    var isChecked = $('#yes').is(':checked');
    $('#test').prop("disabled", !isChecked);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td><b>Yes or no?</b></td>
        <td><input id="yes" type="radio" name="choose" value="yes"> Yes</td>
    </tr>
    <tr>
        <td></td>
        <td><input id="no" type="radio" name="choose" value="no" checked> No</td>
    </tr>

    <tr>
        <td>
            <input type="text" name="disabledtextfield" id="test" disabled />
        </td>
    </tr>
</table>

＆＃13;

使用JQuery启用输入字段的单选框

2 个答案: