js 中一个checkbox联动另一个checkbox

                <div class="row">
				<div class="col-xs-3">
					<div class="form-group">
						<label for="doSync" class="control-label col-sm-8" title="">
							<span class="required hide">*</span> ${text('显示另一个checkbox')}：<i class="fa icon-question hide"></i></label>
						<div class="col-sm-2">
							<input type="checkbox" name="showStock2" value="1" id="doSync" >
						</div>
					</div>
				</div>
				<div class="col-xs-3" >
					<div class="form-group" id="hiddenZero2" style="display:none">
						<label for="showZero2" class="control-label col-sm-6" title="">
							<span class="required hide">*</span> ${text('需要显示的checkbox')}：<i class="fa icon-question hide"></i></label>
						<div class="col-sm-2">
							<input type="checkbox" name="showZero2" value="1" id="showZero2">
						</div>
					</div>
				</div>
			</div>

	$("#doSync").click(function(){
				var showStock2 = $('input[name=showStock2]:checked').val();
				if(1==showStock2){
					$("#hiddenZero2").attr("style","display:block;");
				}else{
					$('input[name=showZero2]:checked').prop("checked",false);
					$("#hiddenZero2").hide();
				}
			});	$("#doSync").click(function(){
				var showStock2 = $('input[name=showStock2]:checked').val();
				if(1==showStock2){
					$("#hiddenZero2").attr("style","display:block;");
				}else{
					$('input[name=showZero2]:checked').prop("checked",false);
					$("#hiddenZero2").hide();
				}
			});