Passar parametro de value checkbox para modal bootstrap

[cristianomg 0]

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.

[Douglas Julião 34]

Oi maninho, troca seu ID por Class.

O id não pode se repetir, mas a class sim.

 

coloca uma nova class para essas divs : 

<div class="col-xs-2 container-btn"> <!-- Exemplo container-btn -->

Ai acho que se você fizer isso, deve funcionar : 

$(document).ready(function(){
	$('.container-btn').on('click','.btnEditar',function(){
  		var data = $(this).data();
    		$(".modal-body #meuid").val(data.id);
		$(".modal-body #minhadata").val(data.target);
  	});
});