[英]How to enable and disable the next and previous buttons?
我有一個包含按鈕的表。 此按鈕在模式框中提供特定行的詳細信息,此模式框可幫助用戶從表中移至下一個和上一個。 下一個將給出表的下一個值的信息,上一個將給出表的行的前一個值。 我幾乎為此編寫了代碼,但是一旦到達表格末尾,下一個按鈕將被禁用,單擊上一個按鈕時應再次將其啟用,但仍保持禁用狀態。
這里的代碼如下。
$('#review_essay').delegate('.navBtn', 'click', function () {
var current_row_id = $(this).parents('#review_essay').attr('current_row_id');
var position_value = $(this).attr('position_value');
var navValue = parseInt(current_row_id) + parseInt(position_value);
alert(current_row_id)
alert(position_value)
alert(navValue)
if (current_row_id <= 0)
{
alert(current_row_id)
$("#btn2").attr('disabled', true);
$("#btn1").attr('disabled', false);
}
else
{
$("#btn2").attr('disabled', false);
}
if (current_row_id < last_value) {
var navValue = parseInt(current_row_id) + parseInt(position_value);
}
else
{
$("#btn1").attr('disabled', true);
alert('End of the row, click back for previous data');
}
var qid = $('#essay_data').find('tbody').find('tr').eq(navValue - 1).attr('qid');
alert(qid);
var uid = $('#essay_data').find('tbody').find('tr').eq(navValue - 1).attr('uid');
var paper_id = $('#essay_data').find('tbody').find('tr').eq(navValue - 1).data('paper_id')
var session_id = $('#exam_details').attr('session_id')
var exam_id = $('#exam_details').attr('exam_id')
//alert('reached');
navigate(exam_id, session_id, paper_id, qid, uid);
});
如果您得到當前行的對象
current_row_object=$(this);<br>
然后就可以得到下一個和上一個行對象。
next_row_obj=$(this).next("tr");<br>
previous _row_obj=$(this).prev("tr");<br>
if($(next_row_obj).length)<br>
$("#nextbtn").attr('disabled', true);<br>
else<br>
$("#nextbtn").attr('disabled', false);<br>
if($(previous _row_obj).length)<br>
$("#prevBtn").attr('disabled', true);<br>
else<br>
$("#prevBtn").attr('disabled', false);<br>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.