复选框 按钮可点击

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <!--复选框  按钮可点击-->
        <!--<input type="checkbox" id="ckb" onclick="check()" />
        <input type="button" disabled="disabled" value="下一步" id="btn" />-->
        <!--单选框选项切换-->
        <!--<select size="7" style="width: 150px;" id="slt1">
            <option value="A">A</option>
            <option value="BBBBB">BBBBB</option>
            <option value="CC">CC</option>
            <option value="DDDDDDDDD">DDDDDDDDD</option>
            <option value="EEEE">EEEE</option>
        </select>
        <input type="button" value=">>>>>" id="to_right" />
        <input type="button" value="<<<<<" id="to_left" />
        <select size="7" style="width: 150px;" id="slt2"></select>-->
        <!--日期时间选择-->
        <select id=‘year‘ onchange="addDay()"></select>
        <select id="month" onchange="addDay()"></select>
        <select id="date"></select>
    </body>

</html>
<script>
    //    <!--复选框  按钮可点击-->
    //    function check() {
    //        var ckb = document.getElementById(‘ckb‘);
    //        if(ckb.checked) {
    //            document.getElementById(‘btn‘).removeAttribute(‘disabled‘);
    //        } else {
    //            document.getElementById(‘btn‘).setAttribute(‘disabled‘,‘disabled‘);
    //        }
    //    }
    //        单选框切换选项
    //    document.getElementById(‘to_right‘).onclick = function() {
    //        var slt1 = document.getElementById(‘slt1‘);
    //        var slt2 = document.getElementById(‘slt2‘);
    //        拼接字符串方法
    //        var temp = ‘<option value="‘ + slt1.value + ‘">‘ +
    //            slt1.value +
    //            ‘</option>‘;
    //        slt1.innerHTML = slt1.innerHTML.replace(temp, ‘‘)
    //        slt2.innerHTML += temp;
    //        取对象方法
    //        var obj_temp = slt1.options[slt1.selectedIndex];
    //        slt2.appendChild(obj_temp);
    //    }
    //    日期时间选择

    var year_slt = document.getElementById(‘year‘);
    var month_slt = document.getElementById(‘month‘);
    var day_slt = document.getElementById(‘date‘);
    var now = new Date();
    now_year = now.getFullYear();

    for(var i = now_year; i >= now_year - 70; i--) {
        var opt_year = document.createElement(‘option‘);
        opt_year.value = i;
        opt_year.innerText = i;
        year_slt.appendChild(opt_year);
    }

    for(var i = 1; i <= 12; i++) {
        var opt_month = document.createElement(‘option‘);
        opt_month.value = i;
        opt_month.innerText = i;
        month_slt.appendChild(opt_month);
    }

    function isRun(year) {
        if((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
            return 29;
        } else {
            return 28
        }
    }

    function addDay() {
        day_slt.innerHTML = ‘‘;
        if(month_slt.value == 1 || month_slt.value == 3 || month_slt.value == 5 || month_slt.value == 7 || month_slt.value == 8 || month_slt.value == 10 || month_slt.value == 12) {
            for(var i = 1; i <= 31; i++) {
                var day = document.createElement(‘option‘);
                day.value = i;
                day.innerText = i;
                day_slt.appendChild(day);
            }
        } else if(month_slt.value == 4 || month_slt.value == 6 || month_slt.value == 9 || month_slt.value == 11) {
            for(var i = 1; i <= 30; i++) {
                var day = document.createElement(‘option‘);
                day.value = i;
                day.innerText = i;
                day_slt.appendChild(day);
            }
        } else {
            for(var i = 1; i <= isRun(year_slt.value); i++) {
                var day = document.createElement(‘option‘);
                day.value = i;
                day.innerText = i;
                day_slt.appendChild(day);
            }
        }

    }
</script>
时间: 2024-10-09 23:23:35

复选框 按钮可点击的相关文章

勾选复选框按钮可用否则不可用

勾选复选框按钮可用否则不可用 function check(){ var chec=document.getElementById("chec"); if(chec.checked==true){ alert(1111) document.getElementById("btn").removeAttribute("disabled") }else{ alert(22222) document.getElementById("btn&q

jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例

2015年12月21日 10:52:51 星期一 目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态. html: <input type="checkbox" onclick="contracts_checkall()" id="contracts_checkall"> 全选 js: 1 var checkall = $("#contracts_checkall").attr('ch

作业【通过复选框按钮全选】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>东京八十万萝莉总教头</title> </head> <body> <table border="1" style="text-align:center;"> <tr>

自定义复选框按钮

-(void)checkboxClick:(UIButton *)btn {     btn.selected = !btn.selected; } - (void)viewDidLoad { UIButton *checkbox = [UIButton buttonWithType:UIButtonTypeCustom];          CGRect checkboxRect = CGRectMake(135,150,36,36);     [checkbox setFrame:check

判断复选框是否点击和点击了哪一个

判断复选框哪一个被点击 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ var a=$('[type=checkbox]').length;

Bootstrap 历练实例 - 按钮(Button)插件复选框

复选框(Checkbox) 您可以创建复选框按钮 组,并通过向 btn-group 添加 data 属性 data-toggle="buttons" 来添加复选框按钮组的切换. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Boo

JQ判断按钮,复选框是否选中

var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值 var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//获取复选框按钮值 性别:<input id="Radio1" name="

复选框 省市区 联动(监听input的change事件)

需求:省市区三级包含复选框按钮以及文字描述.点击文字显示对应的下级地区,点击复选框选择对应的下级区域勾选. 分析:监听input的change事件当点击复选框省  选择对应的第一个市区,同时默认选中第三级区域的第一个.同理监听span或者label(因为label与input的搭配使用) 辅助:后台提供省市区的数据: 两种方式: A:后台直接给dom结构(后台写好基本构架,前段自己在后台code填写需要的dom,class,方便前端开发) B:后台直接给前段一个json数据,前段自己遍历.(和后

[CSS揭秘]自定义单选框和复选框

很多Web前端工程师肯定都会遇到过,在项目中,UI设计师跑来跟你说,我这个地方的表单控件需要设计成这个样子那个样子.但是用CSS却不能够修改这些控件的默认样式,于是乎,只能通过div+javascript技术来进行模拟.特别是在如今移动端的崛起时代,更加注重用户的体验.于是就更加需要这样一种hack技术. 如果对如今的前端框架有过了解,都会知道组件这个概念.那么在这些框架中,都会提供一些单选框或复选框按钮组件.可见大家之前受到表单元素的默认样式的毒害有多深. 今天先给大家简单介绍一下如何通过CS