Javascript 如何启用和禁用下一个和上一个按钮?
我有一张桌子,里面有一个按钮。此按钮提供模式框中特定行的详细信息,此模式框帮助用户从表转到下一个和上一个。Next将给出表格下一个值的信息,PREVICE将给出表格行的上一个值。我几乎已经为此编写了代码,但当我到达表的末尾时,“下一步”按钮将禁用,当单击“上一步”时,应该再次启用它,但它仍然处于禁用状态 下面是代码Javascript 如何启用和禁用下一个和上一个按钮?,javascript,jquery,Javascript,Jquery,我有一张桌子,里面有一个按钮。此按钮提供模式框中特定行的详细信息,此模式框帮助用户从表转到下一个和上一个。Next将给出表格下一个值的信息,PREVICE将给出表格行的上一个值。我几乎已经为此编写了代码,但当我到达表的末尾时,“下一步”按钮将禁用,当单击“上一步”时,应该再次启用它,但它仍然处于禁用状态 下面是代码 $('#review_essay').delegate('.navBtn', 'click', function () { var current_row_id = $(th
$('#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);
});
$('review#u散文')。委托('navBtn','click',函数(){
var current_row_id=$(this).parents('review_assessment').attr('current_row_id');
var position_value=$(this.attr('position_value');
var navValue=parseInt(当前行标识)+parseInt(位置值);
警报(当前行\u id)
警报(位置值)
警报(导航值)
if(当前_行_id如果您获得当前行的对象,如
current_row_object=$(this);<br>
current_row_object=$(this);
然后可以得到下一行和上一行对象,如。
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>
next_row_obj=$(this).next(“tr”);
上一行对象=$(本).prev(“tr”);
if($(下一行对象).length)
$(“#nextbtn”).attr('disabled',true);
否则
$(“#nextbtn”).attr('disabled',false);
如果($(上一行对象).length)
$(“#prevBtn”).attr('disabled',true);
否则
$(“#prevBtn”).attr('disabled',false);