通过未选中的数组的值复选框

Question

我想获取未选中复选框的值。

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form">
	<div class="">
		<label>
			<input class="ValAHide" type="hidden" name="ValA[]" value="">
			<input onchange="if($(this).is(':checked')){$(this).parent().find('.ValAHide').prop('disabled',true);}else{$(this).parent().find('.ValAHide').prop('disabled', false);}"  type="checkbox" class="ValA ValAVisible" name="ValA[]" value="Value A" />&nbsp;Value A
		</label>
	</div>
	<div align="right">
		<button type="button" name="add" class="btn btn-success add">Add More</button>
		<input type="submit" name="formSubmit" class="btn btn-info" value="Insert" />
	</div>
</form>



    <script type="text/javascript">
	$(document).ready(function(){
		$(document).on('click', '.add', function(){
			var html = '';
			html += '<div class=""><label>';
			html += '<input class="ValAHide" type="hidden" name="ValA[]" value="">';
			html += '<input onchange="if($(this).is(":checked")){$(this).parent().find(".ValAHide").prop("disabled",true);}else{$(this).parent().find(".ValAHide").prop("disabled", false);}"  type="checkbox" class="ValA ValAVisible" name="ValA[]" value="Value A" />&nbsp;Value A';
			html += '</label></div>';
			$('#form').append(html);
		});
		$('#form').on('submit', function(event){
        });
	});
</script>

场景： 我正在尝试传递未选中的复选框值。为此，我使用了隐藏的输入，并且onchange脚本验证是否选中了该复选框，然后禁用了隐藏的输入。最初工作正常。 但是，当我尝试在表单中追加更多输入字段时，它的onchange脚本无法禁用已检查的隐藏值，并且会同时传递隐藏值和已检查的复选框值。