checkbox如果被选中赋为 1 ，没选中赋值0。怎么编写js,并可以放到表单里提交选中值。

checkbox如果被选中赋为 1 ，没选中赋值0。怎么编写js,并可以放到表单里提交选中值。

10 个解决方案

#1

$('#including_holidays').click(function(){
        if($('#including_holidays').is(':checked')){
            var includingHolidays = 1;
            alert(includingHolidays);
        }else{
            includingHolidays = 0;
        }
    });

我这么写可以么，alert是调试写的，为什么form提交总是获取不到值，我的<input type="text" value="includingHolidays" 。。。>

#2

js里：
$('#including_holidays').click(function(){
        if($('#including_holidays').is(':checked')){
            var includingHolidays = 1;
          $("qq").val(includingHolidays);
        }else
            includingHolidays = 0;
        }
    });


<input type="text"  id="qq"> 

#3

 $("#qq").val(includingHolidays);

#4

楼主写的太乱，而且基本都不对，重新写了个

<input type="checkbox" id="includingHolidays">
<script>
    
    $('#includingHolidays').click(function(){
        if($(this).prop("checked")){
            $(this).val(1);
        }else{
            $(this).val(0);
        }
    });
</script>

#5

$('#including_holidays').click(function(){
        if($('#including_holidays').is(':checked')){
            $("#includingHolidays").val(1);
        }else{
            $("#includingHolidays").val(0);
        }
    });

<input type="text"  id="includingHolidays" 。。。>

#6

引用 4 楼 qq_19965967 的回复:

楼主写的太乱，而且基本都不对，重新写了个

<input type="checkbox" id="includingHolidays">
<script>
    
    $('#includingHolidays').click(function(){
        if($(this).prop("checked")){
            $(this).val(1);
        }else{
            $(this).val(0);
        }
    });
</script>

 嗯呢，才学一阵子，还望多指教

#7

还有个问题，能问完结帖么
input输入框怎么设置默认值啊，比如 开始时间、结束时间选择框，如果不选让其显示当前日期，如2015-11-26 结束时间也为2015-1126。鼠标点击的时候，清除默认值，让用户选择。
我有点思路，可是还是写的乱乱的，求指教

#8

#9

这要看你用的什么日期插件了，有的插件API支持选取当前日期为value，直接写就行，如果要是纯生的自己写默认值为当前日期，参考下面代码：

<input type="text" class="begin">
<script>
    var date=new Date();
    $(".begin").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate())
    $(".begin").click(function(){
        $(this).val("")

    })
</script>

#10

checkbox只做显示，另一个隐藏域来保存提交的数据。checkbox改变时修改隐藏域的值。

<label>选中
    <input type="checkbox" onchange="this.nextElementSibling.value = (this.nextElementSibling.value==1)?0:1 " />
    <input type="hidden" name="aaa[]" value="0" />
</label>

后台就能读到aaa数组了