Passar parametro de value checkbox para modal bootstrap
Pessoal,
Como todos preciso de uma orientação. Tenho varias checkbox que ao selecionar uma delas, esta mesma passa a modal bootstrap o value do campo.
Mas eu consigo abrir a modal só não consigo abrir a modal quando seleciono outro checkbox, pois meu problema é passar ao javacript, que e como informo a ele que estou querendo que o value = 1 do checkbox name="Poltrona 01" seja absorvido na modal.
Ou se ao clicar na checkbox value = 4 seja o mesmo aberto a modal contendo o valor da checkbox name="poltrona 04"
Abaixo os campos :
data-id='1' é quem passa o valor para o campo que esta na modal
id='btnEditar' este cara é quem serve de parâmetro para a modal ser aberta, e serve de parâmetro para o javascript abrir a modal
<div class="col-xs-2">
<img src="../images/poltrona_ocupada.jpg" class="img-responsive img-radio">
<a type='button' href='#editar' data-toggle='modal' data-target='.editar' data-id='1' id='btnEditar' >
<button type="button" class="btn btn-primary btn-radio">Poltrona 01</button>
</a>
<input type="checkbox" class="hidden" type="checkbox" name="chk4" id="item4" value="val4">
</div>
<div class="col-xs-2">
<img src="../images/poltrona_ocupada.jpg" class="img-responsive img-radio">
<a type='button' href='#editar' data-toggle='modal' data-target='.editar' data-id='2' id='btnEditar' >
<button type="button" class="btn btn-primary btn-radio" role="button" data-toggle="modal" data-target="#login- modal">Poltrona 02</button>
</a>
<input type="checkbox" class="hidden" type="checkbox" name="meuid" id="meuid" value="val4">
</div>
<div class="col-xs-2">
<img src="../images/poltrona_ocupada.jpg" class="img-responsive img-radio">
<a type='button' href='#editar' data-toggle='modal' data-target='.editar' data-id='3' id='btnEditar' >
<button type="button" class="btn btn-primary btn-radio">Poltrona 03</button>
</a>
<input type="checkbox" class="hidden" type="checkbox" name="chk4" id="item4" value="val4">
</div>
<div class="col-xs-2">
<img src="../images/poltrona_ocupada.jpg" class="img-responsive img-radio">
<a type='button' href='#editar' data-toggle='modal' data-target='.editar' data-id='04' id='btnEditar' >
<button type="button" class="btn btn-primary btn-radio" role="button" data-toggle="modal" data-target="#login- modal">Poltrona 04</button>
</a>
<input type="checkbox" class="hidden" type="checkbox" name="meuid" id="meuid" value="val4">
</div>
A Modal é esta :
<div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" align="center">
<img class="img-circle" id="img_logo" src="http://bootsnipp.com/img/logo.jpg">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
</div>
<!-- Begin # DIV Form -->
<div id="div-forms">
<!-- Begin # Login Form -->
<form id="login-form">
<div class="modal-body">
<div id="div-login-msg">
<div id="icon-login-msg" class="glyphicon glyphicon-chevron-right"></div>
<span id="text-login-msg">Type your username and password.</span>
</div>
<input id="login_username" class="form-control" type="text" placeholder="Username (type ERROR for error effect)" required>
<input id="login_password" class="form-control" type="password" placeholder="Password" required>
<div class="checkbox">
<label>
MEU VALUE CHECKBOX DEVE ESTAR AQUI NESTE CAMPO
<input type="text" class="form-control" name="meuid" id="meuid" disabled="true">
</label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
o JAVASCRIPT
<script>
$(document).on("click", "#btnEditar", function () {
var info = $(this).attr('data-id');
var str = info.split('|');
var meuid = str[0];
var minhadata = str[1];
$(".modal-body #meuid").val(meuid);
$(".modal-body #minhadata").val(minhadata);
});
</script>
Eu acho que no meu checkbox no id="btneditar" deve ter referencia de numero (id="btneditar_xx)) também, e que o javascript no #btneditar seja representado desta forma #btneditar_xx , onde o xx é o numero da checkbox que eu selecionei e esta checkbox passe o value dela para a modal
É isso que preciso fazer. Discussão (1)
Carregando comentários...