这里放置了所有代码http://jsfiddle.net/tUukv/
下面是在没有 jquery 的情况下创建/显示的复选框。如果复选框值更改,则值is_checkbox_changed0
更改为1
。所有作品。
<br>input type='checkbox' without jquery. All works<br>
<table><tr><td>
<input type='checkbox' id='checkbox_to_update0' name='checkbox_to_update0' class='checkbox_to_update_changed0' value = 'true' >
</td></tr></table>
<table><tr><td>
<input type="text" name="is_checkbox_changed0" id="is_checkbox_changed0" style='width:30px;'>
<script>
$(".checkbox_to_update_changed0").change(function(){
document.getElementById('is_checkbox_changed0').value = 1;
});
</script>
</td></tr></table>
但需要使用 jquery 显示复选框
创建了这样的代码
<br>But with jquery input type='checkbox' does not work<br>
<script language="javascript" type='text/javascript'>
$(document).ready(function() {
$('#existing_company_error').html("Checkbox <input type='checkbox' id='checkbox_to_update' name='checkbox_to_update' class='checkbox_to_update_changed' value = 'true' ><br>");
});
</script>
<div id="existing_company_error"></div>
<table><tr><td>
<input type="text" name="is_checkbox_changed" id="is_checkbox_changed" size="" style='width:30px;'>
<script>
$(".checkbox_to_update_changed").change(function(){
//$('input[type="checkbox"]').change(function(){
//$(".checkbox_to_update_changed").on("change", function () {
document.getElementById('is_checkbox_changed').value = 1;
});
</script>
</td></tr></table>
如果我更改复选框值(选中或取消选中复选框)中的值is_checkbox_changed
必须更改为1
. 但它没有改变。
请指教需要纠正什么?
解决方案哦,我很愚蠢。document.getElementById('is_checkbox_changed').value = 1;
必须在里面$(document).ready(function() {
。所有作品