<input type="file" name="" id="fileIds1" multiple />
<div id="fangInput"></div>
</body>
<script type="text/javascript">
$("#fileIds1").change(function () {
console.log(1)
var fileObj1 = document.getElementById("fileIds1").files// js 获取文件对象
for (var i = 0i <fileObj1.lengthi++) {
var btnC = 'del-btn'
$("#fangInput").append('<p for="message-text" class="control-label" style="width: 100%height: autoword-wrap:break-wordword-break:break-alloverflow: hidden">文件名：' +
fileObj1[i].name +
' <button type="button" class="' + btnC + '" style="background-color:#dc4739color:#fffmargin-top:3px">删除文件</button></p >')
}
console.log(fileObj1)
})
// jQuery给暂时不存在的元素绑定事件
// 监听document中.del-btn元素的点击事件
$(document).on("click",'.del-btn',
function() {
// 移除当前.del-btn的父元素
$(this).parent().remove()
}
)
</script>
1、首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。
2、在js代码里，借助Jquery插件库来 *** 作，以减少代码，所以先引入对应的脚本库文件。
3、js代码里，为按钮添加点击事件，点击后，就用jquery设置姓名输入框的disabled属性，设置为false，这样输入框就不能输入了，为禁止状态了。只要调用jquery的 attr方法，然后输入属性的名称和值就行了：$("#name").attr('disabled', true)。
4、运行页面，可以看到现在的输入框是可以输入的，是正常状态的，点击一下“修改”按钮。
5、点击后，输入框就变成了禁止状态了，成功设置了输入框的属性。
可以使用js的css方法background-color属性实现点击按钮改变div背景颜色。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件，css文件，js文件。
2、在ue编辑器中输入以下html代码。
3、在ue编辑器中输入以下css代码。
4、在ue编辑器中输入以下js代码。
5、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
6、在浏览器中打开此html文件，可以看到最终想要实现的点击按钮改变div背景颜色效果。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）