Skip to content

Latest commit

 

History

History
26 lines (23 loc) · 1.48 KB

6.4.3.md

File metadata and controls

26 lines (23 loc) · 1.48 KB

6.4.3 获取单选框的值

  关于单选框,我们也同样来看下获取选择值的代码吧。基本和复选框是同样的流程,所以为了更好的通用性,我们把用于访问单选框的代码作为getRadioValue函数提出来。有余力的读者,不查看下面的代码并尝试自己改写也是一种很好的学习。

●清单6-20 radio.html(上)/radio.js(下) image

喜欢的食物是?:
"拉面" 拉面
"饺子" 饺子
"烤肉" 烤肉
"发送"
// 获取指定的单选框(name)的值

【309页】

image

// 遍历单选框,查看选中状态
// 将选中的项目添加到数组中
// 点击按钮时将选中项目的值显示到对话框中
// JavaScript完全学习教程
喜欢的食物是?:拉面 饺子 烤肉 发送
localhost的内容:
饺子
禁止此页再显示对话框

●用对话框显示选中的项目
  我们可以看到除了将获取选中值的代码作为getRadioValue函数以外,和清单6-19是基本相同的要领。
  但是有1点,请注意粗体字部分。因为单选框是单项选择,所以发现了选中项后就立刻跳出循环。虽然没有这个语句结果也没有变化,但是因为不需要无用的循环,所以推荐这样写。