html--radio单选框

我是多久不写,都快忘完了...

最简单的单选框,相信会很有用;

input 的type很多,设置为radio,是小圆圈可勾选的单选框,多个的话需要绑定同一个name值,value值一般是要传到后台的,也可以用ng-model;


举个栗子:

  • html
    
请选择应用系统:

  • js(添加监听事件,获取选中的value值)

在每个input上添加点击事件

    window.onload = function() {
        var allNode = document.getElementsByTagName("input");
        for (var i = 0; i < allNode.length; i++) {
            allNode[i].addEventListener('click', function() {
                    console.log(this);
                    console.log(this.value);
            }, false);
        }
    };
html--radio单选框_第1张图片

貌似一般也不这样写,在父节点上添加监听事件,获取唯一的id为demo的form元素;





    
    



    
请选择应用系统:

html--radio单选框_第2张图片

你可能感兴趣的:(html--radio单选框)