单选复选框的js代码取值

单选框 复选框选中后的js代码处理

<script type="text/javascript">
    function check(){
   document.getElementById("checked").style.display="block";
    var radio=document.getElementsByName("sex");//此处不能getElementById(),否则只会取第一个的值
    for(var i=0;i<radio.length;i++){
    if(radio[i].checked) {
    alert(radio[i].value);
    alert("wocaonima");
    }
    }
    }
    function checkbox(){
    var cc=document.getElementsByName("checkbox");
    var value="";
    for(var i=0;i<cc.length;i++){
    if(cc[i].checked==true){
    value+=cc[i].value;
    }
    }
      alert(value);
    }
    </script>
  </head>
  <body>
    <div id="shenmewanyi">
    <input type="radio" name="sex" value="0">男
    <input type="radio" name="sex" value="1">女
    <input type="radio" name="sex" value="2">保密
    <input type="button" value="提交" onclick="check()">
    </div>
    <div id="checked" style="display:none;">
    <input type="checkbox" name="checkbox" value="music">音乐
    <input type="checkbox" name="checkbox" value="read">阅读
    <input type="checkbox" name="checkbox" value="paint">绘画
    <input type="button" value="提交" onclick="checkbox()">
    </div>
时间: 2024-10-13 14:15:28

单选复选框的js代码取值的相关文章

[SAP ABAP开发技术总结]选择屏幕——按钮、单选复选框

目录导航 声明:原创作品,转载时请注明文章来自SAP师太博客,并以超链接形式标明文章原始出处,否则将追究法律责任!原文出自: 12.6.         按钮.单选复选框.下拉框的FunCode. 91 12.6.1.     选择屏幕中的按钮... 92 12.6.2.     选择屏幕中的单选/复选按钮:点击时显示.隐藏其他屏幕元素... 92 12.6.     按钮.单选复选框.下拉框的FunCode 如果复选框与单选按钮没有设置Function Code,则它们就会像普通的输入框一样,

关于单选复选框

<!DOCTYPE html><html><head><meta charset="utf-8"><title>单选复选框</title><link href="style.css" rel="stylesheet"></head><body bgcolor="pink"> <center><h1 st

CSS定义Radio单选项和Checkbox复选框样式有效代码

我们都知道一般情况利用css来定义Radio单选项和Checkbox复选框样式是无效的,下面我来给大家介绍利用CSS定义Radio单选项和Checkbox复选框样式,有需要了解的朋友可参考. 完全使用css来实例 复制代码 代码如下: <style type=”text/css”> form#form1 {font:12px tahoma,sans-serif} input[type="checkbox"] {visibility:hidden;width:0;height

单选复选框的制作

一.选择框 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选. 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.当type="radio"时,为单选框

Asp.net自定义单选复选框控件

将常用的jquery插件封装成控件也是个不错的选择 下面是效果的简单颜色,由于博客系统的限制没法完整演示最终效果,请下载示例查看 Asp.netWeb APIC#Javascript 1.新建类库项目,创建数据源类 [Serializable] public class Select2Item { public bool Selected { get; set; } public string Text { get; set; } public string Value { get; set;

文字与单选复选框对齐

<style> .box3>input { vertical-align: middle; margin-top: -2px; margin-bottom: 1px } </style> <p> vertical-align: middle;margin-top: -2px;margin-bottom: 1px</p> <p>把此元素放置在父元素的中部</p> <div class="box3">

HTML中checkbox复选框选中及没选中值的生成

只需在input标签中加入 onclick="this.value=(this.value==0)?1:0" <input type="checkbox" name="rememberMe" id="rememberMe" value="1" checked="checked" onclick="this.value=(this.value==0)?1:0"/&

jquery 使用attr() 函数对复选框无效的原因

 复选框是网站开发的时候经常用到的网页标签之一,常见的在页面上对复选框的操作包括取值和修改复选框的状态.在jquery中,常见的操作标签的值得函数为attr,然而在操作复选框的时候,通常采用的却是prop,因为关于复选框的值,来自于properties而不是attributes. 举个例子: 以下代码是获取checkbox的值,并在控制台打印 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <me

angularjs 复选框 单选框

关于复选框,在做项目的时候,有一下几点心得 单选框 1.判断哪个单选框选中的情况 html代码 判断该复选框是否选中 $scope.agree.isChecked     判断这个值,如果等于1,代表这个value为1的单选框被选中 但是一定要记得在加载js的时候,要初始化这个值 2. 判断复选框是否选中 ng-model  判断ng-model的值,比如  但是必须初始化这个值,比如 那么当这个model的值为true的时候,复选框就选中,想要获得复选框连带着各个属性值,以及相关信息,可以直接