Page 1 of 1

Multi-selection Choice

Posted: 27 Jan 2014
by schuess
I want to run some actions IF a certain checkbox in a multi-selection input type .is(':checked:) based on the value of that checkbox?

I cannot figure out how to check for the value match


my attempt:

window.$('.fd_field[fd_name="architect"]').hide();

fd.field('contractType').control().change(function(){

if (fd.field('contractType').control()._el().find('input[type="checkbox"]').eq('Rental Agreement').is(':checked')) {

window.$('.fd_field[fd_name="architect"]').show();

fd.field('architect').title().required(true);

} else {

window.$('.fd_field[fd_name="architect"]').hide();

fd.field('architect').title().required(false);

}

});



PS> i could not get your iteration example to work.

window.$.each(fd.field('contractType').control()._el()

.find('input[type="checkbox"]'), function(i, el)

{

if ($(this).is(':checked')) {

alert(i + ' option is selected');

}

});

thanks!

Re: Multi-selection Choice

Posted: 28 Jan 2014
by Dmitry Kozlov
Hello,

Please, try the following code:

Code: Select all

fd.field('Choices').change(function() {
	var checkboxTitle = 'Enter Choice #2'; // Put your checkbox title here
	var checked = fd.field('Choices').control()._el()
		.find('span[title="' + checkboxTitle + '"] > input')
		.prop('checked');
	alert(checked);
});

Re: Multi-selection Choice

Posted: 09 May 2016
by Gregory Murillo
Hello I have the situation where I need to check 2 values:

If option 1 is selected show Field X. If unchecked then hide the field

If option 2 is selected show Field Y. If unchecked then hide the field


Any hint?

Re: Multi-selection Choice

Posted: 09 May 2016
by Gregory Murillo
Nevermind. I have figured it out. I added two controllers for .change function for the same field, asking for the different values in each one