Difference between revisions of "Forms"

From rbachwiki
Jump to navigation Jump to search
Line 19: Line 19:


==Get Attributes==
==Get Attributes==
$('a:first').attr('href')
$('a:first').attr('href')


== Set Attributes ==
== Set Attributes ==
Line 27: Line 27:
'''Will Return True or False'''
'''Will Return True or False'''
  $('#id').prop('checked');
  $('#id').prop('checked');
'''Set the property'''
$('#id').prop('checked', true);
==Radio Buttons==
==Radio Buttons==
'''Return the value of which button is selected'''
'''Return the value of which button is selected'''
  $('[name=news]:checked').val();
  $('[name=news]:checked').val();
----
----
[[#top|Back To Top]]<  —  >[[JQuery|Category]]<  —  >[[Main_Page| Home]]
[[#top|Back To Top]]<  —  >[[JQuery|Category]]<  —  >[[Main_Page| Home]]

Revision as of 18:09, 26 December 2016

Form Events

$(function() {
    'use strict';
    $('#name2').on('click', nameClick);

    function nameClick() {
        $(this).css('background-color', 'blue');
    }

    $('#frmContact').on('submit', function(event) {
        // pevents the default submit action from happening
        event.preventDefault();
    });
});

Getting values from form

$('#id').val()

Get Attributes

$('a:first').attr('href')

Set Attributes

$('a:first').attr('href','contact.html')

CheckBoxes

Will Return True or False

$('#id').prop('checked');

Set the property

$('#id').prop('checked', true);

Radio Buttons

Return the value of which button is selected

$('[name=news]:checked').val();



Back To Top< — >Category< — > Home