Привет, я пытаюсь написать программу для флажка, который автоматически выбирается с помощью базы данных .... Я пишу такой код, т.е. я пишу проект jsp, когда меня нажимают на странице пользователя, на которой отображаются пользователи. подробности в формате таблицы. в том, что у него есть два значка, один - обновление, а другой - удаление ..., когда я нажимаю на кнопку обновления, откройте модальную страницу bootstrap и отобразим данные пользователя, в которых я использую флажок ... когда пользователь активен его флажок установлен автоматически ... но я получаю unclicked как можно решить эту проблему ...
<div class="table-responsive">
<table class="table table-hover table-centered m-0">
<thead>
<tr>
<th>Rolename</th>
<th>Status</th>
<th>Created On</th>
<th>Modified On</th>
<th>Status1</th>
<th colspan="2">Options</th>
</tr>
</thead>
<%
int status=0;
Connection con=DriverManager.getConnection(connectionUrl);
//Statement st = con.createStatement();
PreparedStatement pstmt=null;
pstmt=con.prepareStatement("select * from m_Roles "); //sql select query
ResultSet rs1=pstmt.executeQuery(); //execute query and set in ResultSet object "rs"
%>
<tbody>
<%
while(rs1.next())
{
status=rs1.getInt("IsActive");
%>
<tr id="<%=rs1.getString("RoleID")%>">
<th><%=rs1.getString("RoleName")%></th>
<th><%=status%></th>
<td><%=rs1.getString("CreatedOn")%></td>
<td><%=rs1.getString("ModifiedOn")%></td>
<!-- <td><input type="checkbox" id="" disabled="" name="active" parsley-trigger="change" <% if(status==1) { %> checked="checked" <% } %> ></td>-->
<td><input type="text" id="" disabled="" name="active"<% if(status==1) { %> value="Active" <% }else{%>value="Inactive"<%} %> > </td>
<td align="">
<!-- Update Icon -->
<a href="#editEmployeeModal" class="edit" data-toggle="modal">
<i class="mdi mdi-account-edit update" data-toggle="tooltip"
data-rid="<%=rs1.getString("RoleID")%>"
data-rname="<%=rs1.getString("RoleName")%>"
data-check="<%=status%>"
title="Edit"></i>
</a>
</td>
<!-- Delete Icon Table -->
<td>
<a href="#deleteEmployeeModal" class="delete" data-rid="<%=rs1.getString("RoleID")%>" data-toggle="modal">
<i class="mdi mdi-delete delete" data-toggle="tooltip"
title="Delete"></i></a>
</div>
</a>
</td>
<div id="editEmployeeModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mt-0">Edit Roles</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="update_form">
<div class="row">
<input type="hidden" id="rid_u" name="id" parsley-trigger="change" autocomplete="off" required placeholder="Enter First Name" class="form-control" id="firstName">
<div class="col-md-9">
<div class="form-group row">
<label class="col-md-4 control-label">Role Name<span class="text-danger">*</span></label>
<div class="col-md-7">
<input type="text" id="rname_u" name="rname" parsley-trigger="change" autocomplete="off" required placeholder="Enter First Name" class="form-control" id="firstName">
</div>
</div>
<div class="form-group row">
<label class="col-md-5 control-label">Active<span class="text-danger">*</span></label>
<div class="col-md-7">
<input type="text" name="check_box" id="check_u"/>
@if(check_u==1)
{
<input type="checkbox" id="act_u" checked="checked" name="active" parsley-trigger="change" >
}
else
{
<input type="checkbox" id="act_u" name="active" parsley-trigger="change" >
}
</div>
</div>
<div class="form-group text-right mb-0">
<input type="hidden" value="2" name="type">
<input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel">
<button type="button" class="btn btn-info" id="update">Update</button>
</div>
</div>
</div>
</form>
````
this is ajax code
<script>
$(document).on("click", ".delete", function()
{
var uid=$(this).attr("data-id");
$('#id_d').val(uid);
});
$(document).on('click','#delete',function(e) {
var data = $("#delete_form").serialize();
$.ajax({
data:data,
url: "deleterole.jsp",
//data:"uid="+id,
method: "POST",//HTTP method.
success: function()
{
//alert('Data deleted successfully !');
location.reload();
//setInterval('location.reload()',2000);
}
});
});
$(document).on('click','.update',function(e) {
var id=$(this).attr("data-rid");
var rname=$(this).attr("data-rname");
var check_box=$(this).attr("data-check");
$('#rid_u').val(id);
$('#rname_u').val(rname);
$('#check_u').val(check_box);
});
$(document).on('click','#update',function(e) {
var data = $("#update_form").serialize();
$.ajax({
data: data,
type: "post",
url: "updaterole.jsp",
success: function()
{
alert('Data updated successfully !');
location.reload();
}
});
});
</script>
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#act_u").change(function()
{
// var t=document.getElementById('check_u').value;
//if("#check_u").
if($(this).prop("checked") == true)
{
$("#check_u").val("1");
}
else if($(this).prop("checked") == false)
{
$("#check_u").val("0");
}
});
});
</script>