Question

我是jQuery的新手，如果用户选择“其他”，我想在下面显示一个文本框。如何选择收音机盒中的单个项目？

此外，当用户取消单击OTHER按钮时，应删除文本框。

<html>

    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

        </script>
        <script>
            $(document).ready(function() {
                $("$select-car").click(function() {

                });
            });
        </script>
    </head>

    <body>
        <div id="select-car">
            <input type="radio" name="car" value="Toyota">GM<br>
            <input type="radio" name="car" value="Honda">Ford<br>
            <input type="radio" name="car" value="Other" onlick>Other<br>
        </div>
    </body>

</html>

Answer 1

$("#select-car input[type='radio'][name='car']").change(function () {
    if (this.value === 'Other') {
        //show textbox $('#txt').show();
    }
    else{
        //hide textbox $('#txt').hide();
    }
});

<小时/> 参考

.change()

multiple attribute selector

this keyword

Answer 2

然后在你的html下面添加文本框，如下所示：

<input style="display:none;" type="text" name="mytext" id="mytext"/>

像这样编写jQuery

$("input[type='radio']").change(function () {
    if ($(this).val() == "Other") {
        $("#mytext").show();
    } else {
        $("#mytext").hide();
    }
});

动态显示文本框jQuery

2 个答案: