We help IT Professionals succeed at work.

Jquery issue between IE and FF

Medium Priority
274 Views
Last Modified: 2012-06-27
I have a checkbox that enables/disables a select menu and textarea which works fine but
I need this code to retain settings if a "Back" button is clicked on the POST page. FF retains the enabled settings but IE disables the form elements again which causes the input to be lost even though the checkbox is still checked. How do I make IE see that the form elements should still be enabled in jquery?

<script> 
<!--
$(document).ready(function () { 
 $("#add_room").click(function () {  
 $("#room_type_additional").attr("disabled",!this.checked) 
   $("#room_type_additional").focus()
   $("#s_requests_add").attr("disabled",!this.checked) 
});});
--> 
 </script>

Open in new window

Comment
Watch Question

Consultant
CERTIFIED EXPERT
Commented:
Try this:

<script>
<!--
$(document).ready(function () {

 $("#add_room").click(function () {  
    addRoomEvent(this.checked, true);
 });

 addRoomEvent( $("#add_room").is(':checked'), false );

});

function addRoomEvent(isChecked, setFocus)
{
   $("#room_type_additional").attr("disabled",!isChecked) ;
   if(setFocus)
   {
     $("#room_type_additional").focus();
   }
   $("#s_requests_add").attr("disabled",!isChecked) ;
}
-->
</script>

Author

Commented:
Excellent! Thank you.

Explore More ContentExplore courses, solutions, and other research materials related to this topic.