JQ监控checkbox的选中与否做出相应改变

乾三_

于 2018-08-20 13:50:08 发布

阅读量8k

点赞数 2

文章标签： JQ chexbox

本文链接：https://blog.youkuaiyun.com/CAO11021/article/details/81869842

版权

Html代码：

   <tr>
     <td height="90" align="center" class="color999">
       <input name="Agreements" type="checkbox" />我已认真阅读并同意遵守<a href="#" class="color-green">用户服务协议</a>
    </td>
   </tr>
   <tr>
     <td height="50" align="center">
       <input type="button" name="SureBtn" id="SureBtn" value="完成提交" class="cre-button" style="display: none" />
    </td>
    </tr>

JQ代码：

  <script>
        $(function () {
            //监控checkbox代码
            $("input[name='Agreements']").on("change", function () {
                var change = $("input[type='checkbox']").is(':checked'); //checkbox选中判断
                if (change) {

                    $("#SureBtn").css("display", "block");
                    $("#SureBtn").click(function () {
                        var str = $(" input[name='WorkYears']").val();
                        alert($("input[name='Agreements']").is(':checked'));
                    })
                } else {
                    $("#SureBtn").css("display", "none");
                    return false;
                }
            })
        })
    </script>