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 )
}
} )