js实现自动为输入的内容加上值

JavaScript042

js实现自动为输入的内容加上值,第1张

1、新建并保存一个html文档,进入html代码编辑页面。

2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。

3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。

4、引入jquery文件,路径要正确,写jquery代码,打开浏览器测试一下,点击按钮之后,输入框内就会自动输入赋值的内容。

以jquery为例

<input class="ck" data="1">

<input class="ck" data="2">

<input class="ck" data="3">

var html

$( ".ck" ).click( function() {

    if( this.checked ) {

        html = '<input type="text" value="' + $( this ).attr( "data" ) + '">'

        $( "body" ).append( html )

    }

} )