关于修改input标签value、checked属性值的亿点坑

首先，不要通过使用浏览器查看页面源代码查看该属性，因为这样子查看的value值永远都是进入该页面时的初始值，而是通过进入浏览器的开发人员工具来查看。但这里有一点需要说明的是，用户界面看到的值（这里用界面值代替）和开发人员工具界面看到的值（这里用内存值替代）不一定是一样的。我在使用控制台调试时得出如下结论：

• $(’#phoneNumber’).attr(“value”,“123456”) 设置内存值为123456
• $(’#phoneNumber’).attr(“value”) 获取内存值（123456）
• $(’#phoneNumber’).val(“12345”) 设置界面值为12345
• $(’#phoneNumber’).val() 获取界面值（12345）
• document.getElementById(‘phoneNumber’).value 获取界面值
• document.getElementById(‘phoneNumber’).value = “111” 设置页面值
• document.getElementById(‘phoneNumber’).getAttribute(“value”) 获取内存值
• document.getElementById(‘phoneNumber’).setAttribute(“value”,“new value”) 设置内存值
• document.getElementById(‘phoneNumber’).setAttribute(“value”,“new value”)
• $(’#man’).prop(‘checked’,true) 设置页面值选中（单选框）
• $(’#man’).prop(‘checked’) 获取页面值（单选框）

这里关于prop和attr的说明更为详细https://wuyujin.blog.csdn.net/article/details/88896098
至于为什么要这样设置。。。。。。