博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在js中对HTML的radio标签和checkbox标签的选择项进行输出
阅读量:6084 次
发布时间:2019-06-20

本文共 561 字,大约阅读时间需要 1 分钟。

  在昨天学习到了一些有关js的函数方面内容后,则对于常见的表格提交进行了练习,在练习过程中,其中难点则是对于hyml中radio标签和checkbox标签所选择项进行输出,在练习过程中各种细节性错误也很多,以下则是个人见解.

  首先我们进行radio和checkbox的编写

   然后则利用onclick属性进行接下来我们要用的函数引用

    其中radio属性则利用for函数以及内嵌if函数的运用

 

 在该函数中,genderInput【i】.checked则表示数组内容是否被选中,再进行true or false的判定,由于该选项是单选,所以要进行break来进行中止,这样可以节省判定时间。

  checkbox标签的输出

  在该函数中,则与引用radio的编写中有一些不同,其中则要定义var hobby=“ ”;这样定义则是为了使接下来的判定非空变量

由于为多选 所以不需要break进行中止如果选中了hobby则该爱好为多个其中可以用“,”来进行隔开,若只有一个,则直接进行输出,这样可以在实际效果中更为美观。

  最后进行信息的提交,用document.write和alert都可以

 

转载于:https://www.cnblogs.com/yin15225370163/p/9397290.html

你可能感兴趣的文章
我的友情链接
查看>>
想说一点东西。。。。
查看>>
css知多少(8)——float上篇
查看>>
NLB网路负载均衡管理器详解
查看>>
水平添加滚动条
查看>>
PHP中”单例模式“实例讲解
查看>>
VS2008查看dll导出函数
查看>>
VM EBS R12迁移,启动APTier . AutoConfig错误
查看>>
atitit.细节决定成败的适合情形与缺点
查看>>
Mysql利用binlog恢复数据
查看>>
我的友情链接
查看>>
用yum安装mariadb
查看>>
一点IT"边缘化"的人的思考
查看>>
WPF 降低.net framework到4.0
查看>>
搭建一个通用的脚手架
查看>>
开年巨制!千人千面回放技术让你“看到”Flutter用户侧问题
查看>>
开源磁盘加密软件VeraCrypt教程
查看>>
本地vs云:大数据厮杀的最终幸存者会是谁?
查看>>
阿里云公共镜像、自定义镜像、共享镜像和镜像市场的区别 ...
查看>>
shadowtunnel v1.7 发布:新增上级负载均衡支持独立密码
查看>>