值复选框模态内部


Value Checkbox Inside modal

我正在尝试做一个系统来检查成员是否参加了会议。

我将使用他的ID来检查它,所以,在一个表单中输入他的ID(它将被条形码阅读器读取ID将是条形码,一切都将在卡片中),但是如果成员忘记了他的卡片,应该有另一种方式来找到他的ID,所以我使用模态打开一个表单,所以可以找到他的名字并将他的ID传递给表单。

在模态上,我使用ajax动态地获得他的名字(和他的id在一个复选框上),它工作正常,但我不能采取复选框值,并将其传递到id FORM。

这是我的代码。

    <form method="post" enctype="multipart/form-data" id="attendedForm" name="formPresenca">
        <fieldset>
            <label>
                <span>ID</span>
                <input type="text" name="id" id="alvo" />
            </label>
            <input type="hidden" name="acao" value="enviar" />
            <a href="#" id="popup"  rel="">Seach Manually</a>                </fieldset>
    </form>

JS:

   $(function(){
       $("a#popup").click(function(){
           $.modal('<form method="post" enctype="multipart/form-data"><fieldset><label><span>Name</span><input type="text" name="Name" id="id" /></label></fieldset><div id="recebe_dados"></div></form>', {
               overlayId: 'contact-overlay'
           });
           $("#id").on('keyup', function(){
               var nome = $(this).val();
               $.post("../scripts/get-name.php",
                   {name:name},
                   function(value){
                       $("#get_data").html(value);
                   });
//Dont shows me anything on the console.
                       $("#Checkbox").click(function(){
                           console.log($('#Checkbox:checked').val());
                       });
           });
            });
       });

Get-value.php

$get = $_POST['nome'];
$mysql = mysql_query("SELECT id, name FROM members WHERE name LIKE '%$get%'");
while($res = mysql_fetch_array($mysql)){
    echo '<input type="checkbox" name="id" value="'.$res['id'].'" id="Checkbox">'.$res['nome'];
}

由于while循环可能会创建重复的id——无效的HTML——请使用以下代码:

$(document).on("click", ".Checkbox", function(){
     console.log( this.value );
});

:

echo '<input type="checkbox" name="id" value="'.$res['id'].'" class="Checkbox">'.$res['nome'];

并且,这应该在keyup回调之外,但在DOM ready内。