Javascript-对表单的操作（下）

一、文本域

-----------------------------
操作文本域的值
value 属性     设置或者获取值
-----------------------------

二、单选按钮和多选按钮

----------------------------------------------
checked   返回或设置单选的选中状态
          true 选中    false 未选中

value  属性   获取选中的值，必须先判断选中状态
----------------------------------------------

example: 全选/全不选/反选

1.PNG

1.dom结构

2.script脚本

2.1 采用调用函数的方式

2.2 采用在比闭包中创建匿名函数的方式

三、下拉框

    
        北京大学
        长安大学
        南京大学
    


----------------------------------------
selected 设置或返回下拉框的选中状态
         true 选中   false 未选中

selectedIndex 设置或返回下拉框选中的索引号
----------------------------------------

example1:选中长安大学

或者

example2:单价*数量=总价

1.PNG

1.dom结构

单价： 数量 1个 2个 3个 总价：

2.script脚本

四、文本区域

----------------------------
value 返回或设置文本区域的值
----------------------------

example:动态检测文本区域中输入的字符长度

1.PNG

1.dom结构：

一共能输入20个字符，已输入0个，还能输入20个

2.script脚本：

五、表单验证

  onsubmit   当表单提交的时候触发的事件
  ----------------------------------------------------------------------------------------------
  

  return false;    //阻止表单默认行为
  ----------------------------------------------------------------------------------------------

六、submit方法

------------------------------
该方法用来实现自动提交
而事件onsubmit只能用来手动提交
------------------------------