复选框单选

来源:互联网 发布:php 截断上传 编辑:程序博客网 时间:2024/05/29 15:21

一、复选框单选

html:

<input name="is_makeloan" id="is_makeloan_yes" type="checkbox" value="1">是</input>

<input name="is_makeloan" id="is_makeloan_no" type="checkbox" value="0">否</input>

jquery:

/* 复选框单选 */
$(function(){
$("#is_makeloan_no").attr('checked','checked');
$("#is_makeloan_currentday").val(0);
        $(':checkbox[name="is_makeloan"]').each(function(){
            $(this).click(function(){
                //删除name为is_makeloan的复选框勾选
                 $(':checkbox[name="is_makeloan"]').removeAttr('checked');
                //增加点击的复选框的勾选
                 $("#"+this.id).prop('checked',true);
                var values = $("#"+this.id).val();
                 if(values == 1){
                $("#is_makeloan_currentday").val(values); 
                  }else{
                  $("#is_makeloan_currentday").val(values);
                  }
            });
        });
    });

2.checkBox 为选中状态时,value会和name匹配成 name:value 提交,如果不是选中状态即使value有值也不会提交