Demo of Resizable with cancel option

cancel false

Present option is :

Apply cancel option to the element by selecting cancel radio button. You can remove the same by selecting false.
Try to resize the element by selecting each option.

Tutorial Resizable

Full Code

<script>
$(document).ready(function() {
//////////////////////////
$( ".resize_cl" ).resizable({
cancel:false
});
/////////
$("input:radio[name=r1]").click(function() {
 var r_sel=$(this).val()
 // setting the alsoResize option value //
 if(r_sel=='cancel'){
  $( "#resize_id" ).resizable( "option", "cancel", "#resize_id" );
 }
 if(r_sel=='false'){
  $( "#resize_id" ).resizable( "option", "cancel", false );
 }
 
 var sel = $( ".resize_cl" ).resizable( "option", "cancel" );
$("#d1").html("Present option value is :"+sel);
 })
 /////////////////

var sel = $( "#resize_id" ).resizable( "option", "alsoResize" );
$("#d1").html("Present option value is :"+sel);
/////////
///////
})
</script>

HTML

<label> 
<input type='radio' name='r1' id='r1' value=cancel >cancel
</label>
<label><input type='radio' name='r1' id='r2' value=false >false
</label>