0
<form enctype="multipart/form-data">
<table>
<tr>
<td>
<font style="font-size:20px">Snp Id:</font>
</td>
<td><input type="text" name="isnp_id" id="isnp_id" placeholder="Ex:SCcLG07_1001342" size=20 style="font-size:18px"></td>
</tr>
<tr>
<td>
<font style="font-size:20px">Gene Id:</font>
</td>
<td><input type="text" name="igene" id="igene" placeholder="Ex:C.cajan_17400" size=20 style="font-size:18px"></td>
</tr>
<tr>
<td>
<font style="font-size:20px">Chromosome:</font>
</td>
<td><input type="text" name="ichr" id="ichr" placeholder="Ex:CcLG07" size=20 style="font-size:18px"></td>
<td> position from </td>
<td><input type="text" name="posstart" id="posstart" placeholder="Ex: 1" size="20"> to <input type="text" name="posend" id="posend" placeholder="Ex:100" size="20">
</td>
</tr>
<tr>
<td>
<font style="font-size:20px">Genotype name:</font>
</td>
<td> <select style="font-size:18px" id="sg" name="sg">
<option value="">Select</option>
<option value="icpl_131">icpl_131</option>
<option value="icpa_2039">icpa_2039 </option>
<option value="icpl_96061">icpl_96061 </option>
</select> </td>
<td> between </td>
<td> <select style="font-size:18px" id="sg2" name="sg2">
<option >Select</option>
<option value="icpa_2039">icpa_2039 </option>
<option value="icpl_131">icpl_131</option>
<option value="icpl_96061">icpl_96061 </option>
</select>
</td>
</tr>
<tr>
<td><input type="checkbox" name="cbc" id="cbc" value="cb_class" /> </td>
<td>
<font style="font-size:20px">Classification:</font>
</td>
<td><select style="font-size:18px" name="sclass" id="sclass">
<option value="all" selected="selected">Select</option>
<option value="intergenic">Intergenic</option>
<option value="intronic">Intronic</option>
<option value="non_synonymous_coding">Non Synonymous Coding</option>
<option value="synonymous_coding">Synonymous Coding</option>
</select> </td>
</tr>
<tr>
<td><input type="checkbox" name="cbv" id="cbv" value="cb_vtype" /></td>
<td>
<font style="font-size:20px">Varation Type:</font>
</td>
<td><select style="font-size:18px" name="svtype" id="svtype">
<option value="all" selected="selected">Select</option>
<option value="snp">Snp</option>
<option value="insertion">Insertion</option>
<option value="deletion">Deletion</option>
</select> </td>
</tr>
<tr>
<td><input type="checkbox" name="cbf" id="cbf" value="cb_fc" /></td>
<td>
<font style="font-size:20px">Functional Class:</font>
</td>
<td><select style="font-size:18px" name="sfclass" id="sfclass">
<option value="all" selected="selected">Select</option>
<option value="missense">Missense</option>
<option value="nonsense">Nonsense</option>
<option value="silent">silent</option>
</select>
</td>
</tr>
<tr>
<td><input type="reset" name="reset" value="Reset" style="font-size:18px">
<input type="button" name="submit" id="goto" value="Search" onclick="loadData('1')" style="font-size:18px"><span id="loadings"></span></td>
</tr>
</table>
</form>
で今jqueryのAjaxの機能コードを、AJAXを使用しながら、検索ページから結果を取得することができない：チェックボックス
<script type="text/javascript">
function loading_show() {
$('#loadings').html("<img src='js/loader2.gif'/>").fadeIn('fast');
}
function loading_hide() {
$('#loadings').fadeOut('fast');
}
function loadData(page) {
$('#tbl').hide();
loading_show();
$.ajax({
type: "POST",
url: "newrs_old1.php",
data: "page=" + page + "&isnp_id=" + $('#isnp_id').val() + "&igene=" + $('#igene').val() + "&ichr=" + $('#ichr').val() + "&posstart=" + $('#posstart').val() + "&posend=" + $('#posend').val() + "&sg=" + $('#sg').val() + "&sg2=" + $('#sg2').val() + "&cbc=" + $('#cbc').val() + "&sclass=" + $('#sclass').val() + "&cbv=" + $('#cbv').val() + "&svtype=" + $('#svtype').val() + "&cbf=" + $('#cbf').val() + "&sfclass=" + $('#sfclass').val(),
success: function(msg) {
$("#container1").ajaxComplete(function(event, request, settings) {
loading_hide();
$("#container1").html(msg);
});
}
});
}
$(document).ready(function() {
$(document).bind('keypress', function(e) {
if (e.keyCode == 13) {
$('#goto').trigger('click');
}
});
$(".reset").click(function() {
$(this).closest('form').find("input[type=text], textarea").val("");
});
//loadData(1); // For first time page load default results
$('#container1 .pagination li.active').live('click', function() {
var page = $(this).attr('p');
loadData(page);
});
$('#go_btn').live('click', function() {
var page = parseInt($('.goto').val());
var no_of_pages = parseInt($('.total').attr('a'));
if (page != 0 && page <= no_of_pages) {
loadData(page);
} else {
alert('Enter a PAGE between 1 and ' + no_of_pages);
$('.goto').val("").focus();
return false;
}
});
});
</script>
jQueryとAJAXを使用せずに、私はjqueryのを使用し始めたときに、検索ページは、うまく機能しているとそれをページングするためのAjax、ここで問題を作成するチェックボックス。 ajaxの実装後、検索ページで指定された入力はスクリプトによって行われず、チェックされている場合にのみチェックボックスの値が使用されます。 チェックボックスのみの検索結果のみ取得でき、残りの検索列は機能しません。 ajaxからチェックボックスを削除した場合、残りの検索結果が得られます。私は組み合わせ検索を使用しているので、私は両方の作業が欲しいです。 Plzこの問題を解決するのを手伝ってください。私はjqueryのAJAXでこの問題を実装する方法を知らない
チェックボックスを使用してそのデータを取得できます。デフォルトではチェックされていませんが、入力が実行されていないので、指定したAJAXコードのチェックボックスの値がチェックされています –