我正在尝试做一个系统来检查成员是否参加了会议。
我将使用他的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
内。