我有一个有复选框的表单;这个复选框在我选中它时,它会禁用另一个表单,该表单是可选的联系人表单,并将主联系人的第一种形式的值设置为可选联系人。但是,当我取消选中它时,删除“禁用”,并将替代表单中的值设置为默认值。我的代码(我在下面提供)遇到的问题是,每次我点击保存,复选框都没有被选中。它将插入到默认值的值设置为空字符串。
$(".AlternativeContactFields").removeAttr("disabled");
$(".AlternativeContactFields").each(function (index, element) {
if ($(element).is("input")) {
$(element).val("");
} else if ($(element).is("select")) {
$(element).val(1);
}
});
我怎么才能解决这个问题?
发布于 2017-11-17 03:02:05
我想这就是你想要的
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#save').click(function() {
$(".AlternativeContactFields").removeAttr("disabled");
$(".AlternativeContactFields").each(function (index, element) {
if ($(element).is("input")) {
// read the type attribute.
var type = $(element).attr('type');
switch(type) {
case 'checkbox':
case 'radio':
// uncheck box
$(element).prop('checked', false);
break;
case 'text':
default:
$(element).val("");
break;
}
} else if ($(element).is("select")) {
$(element).val(1);
}
});
});
});
</script>
<input type="button" value="Save" id="save"/><br/>
<input disabled="disabled" type="checkbox" checked="checked" value="My checkbox 1" class="AlternativeContactFields"/>My checkbox 1<br/>
<input disabled="disabled" type="checkbox" value="My checkbox 2" class="AlternativeContactFields"/>My checkbox 2<br/>
<input disabled="disabled" type="text" value="My textbox value 1" class="AlternativeContactFields"/><br/>
<input disabled="disabled" type="text" value="My textbox value 2" class="AlternativeContactFields"/><br/>
<select disabled="disabled" class="AlternativeContactFields">
<option value="0">my Option 0</option>
<option value="1">my Option 1</option>
<option value="2">my Option 2</option>
</select>
https://stackoverflow.com/questions/47345746
复制相似问题