Mobile - Check page before moving to another

[garnold]

I have a button that has onclick="$.mobile.go('#p3')" setup. I would like the have a datalist checked for a selection before the page is changed. How is this done please? Thank you.

[stworthy]

Call 'getChecked' method to detect if some rows are checked.

Code:

var checkedRows = $('#dl').datalist('getChecked');
if (checkedRows.length){
  $.mobile.go('#p3');
}

[garnold]

Call 'getChecked' method to detect if some rows are checked.

Code:

var checkedRows = $('#dl').datalist('getChecked');
if (checkedRows.length){
  $.mobile.go('#p3');
}

So is it best to just create small sub functions and assign them to these buttons?

[garnold]

Call 'getChecked' method to detect if some rows are checked.

Code:

var checkedRows = $('#dl').datalist('getChecked');
if (checkedRows.length){
  $.mobile.go('#p3');
}

Actually this ended up working quite well. Thank you for the help ;-)

$('#menuBtnSendWrap').bind('click', function(){
        var checkedRows = $('#dlWraps').datalist('getChecked');
      if (checkedRows.length){
        $.mobile.go('#p3');
      }else{
         $('#dlgAlertMsg').html("Choose a wrap!");
         $('#dlgAlert').dialog('open').dialog('center');
      }
    });