营销合作协议-阅读并同意

<div class='agree-item'>
<input type='checkbox' name='checkbox' id='checkbox_d' />
<label for='checkbox_d'></label>
我已阅读并同意
<a href='javascript:;' class='color-blue agree-link'>《营销合作协议》</a>
</div>
<div class='btn'>
<a href='javascript:;' class='btn-block bg-blue sure'>确认提交</a>
</div>
<script src='<?php echo $pc_style; ?>js/lib/jquery-1.7.1.min.js'></script>
<script src='<?php echo $pc_style; ?>js/lib/jquery.date_input.pack.js'></script>
<script src='<?php echo $pc_style; ?>js/lib/fastclick.js'></script>
<script src='<?php echo $pc_style; ?>js/lib/underscore-min.js'></script>
<script src='<?php echo $pc_style; ?>js/common_pc.js'></script>
<script src='<?php echo $pc_style; ?>js/lib/area.js'></script>
<script>
$(function() {
var province = $("#province");
var city = $("#city");
var district = $("#district");
//全局函数
var get_area = function(_this, id) {
var _id = id || 0;
$.ajax({
  type: "post",
  url: "<?php echo \think\Url::build('getArea'); ?>",
  data: {
    pid: _id
  },
  async: true,
  success: function(data) {
    var data = JSON.parse(data);
    //清空
    _this.empty();
    _this.append("<option value=''>请选择</option>");
    $.each(data, function(i, item) {
      _this.append("<option value='" + item.id + "'>" + item.name + "</option>");
    });
  }
});
};
//当省变动
province.change(function() {
get_area(city, province.val());
city.change(function() {
get_area(district, city.val());
});
});
//默认获取省份
get_area(province);
<p>//日期插件
$(&quot;#date&quot;).date_input();</p>
<p>//弹窗
$(&quot;.agree-link&quot;).click(function() {
$(&quot;.pop&quot;).show();
$(&quot;body&quot;).css(&quot;overflow&quot;, &quot;hidden&quot;);
$(&quot;.pop-mask&quot;).click(function() {
$(&quot;body&quot;).css(&quot;overflow&quot;, &quot;auto&quot;);
$(&quot;.pop&quot;).hide();
});
});</p>
<p>//提交
$(&quot;.sure&quot;).click(function() {
if($(&quot;#checkbox_d&quot;)[0].checked == false) {
alert(&quot;请勾选协议&quot;);
return false;
}
$(&quot;#form&quot;).submit();
});
});
</script></p>