单击时会在某些文本中添加html中所需的内容

时间:2015-09-02 06:57:07

标签: javascript html

大家。

我想在我的文本框中添加必需的文本框,如果是文本onclick,当我单击否,然后从文本框中删除时消失。我怎样才能做到这一点 ?

这是我的代码,我错过了什么?

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("#yes").click(function(){
           //i dont have any idea here
        });
        $("#no").click(function(){
           //i dont have any idea here
        });
    });
    </script>

<form method="post">
<input type="text" name="school">
<a href="#" id="yes">yes</a>
<a href="#" id="no">no</a>
<input type="submit" value="submit">
</form>

3 个答案:

答案 0 :(得分:1)

HTML代码将id添加到文本框。

<form method="post">
<input type="text" name="school" id="school">
<a href="#" id="yes">yes</a>
<a href="#" id="no">no</a>
<input type="submit" value="submit">
</form>

Javascript代码。

$(document).ready(function(){
    $("#yes").click(function(){
       $("#school").attr('required',true);
    });
    $("#no").click(function(){
        $("#school").attr('required',false);
    });
});

答案 1 :(得分:0)

这就是您所需要的:$("input[type=text]").prop('required',true); 您的整体代码将是

 $(document).ready(function(){
        $("#yes").click(function(){
           $("input[type=text]").prop('required',true);
        });
        $("#no").click(function(){
           $("input[type=text]").prop('required',false);
        });
    }); 

答案 2 :(得分:0)

试试这个:

.Result