Solved

Help with choice check/uncheck js

  • 7 April 2021
  • 3 replies
  • 32 views
N
Badge +11

I have 4 different choice controls Network devices, Printers, AS, Internet Connections (showing as tabs) to show 4  panels with hide control rules. The idea is when a choice is selected to automatically uncheck the other 3 so we only have one panel showing at the time. Any help if someone had a similar scenario. 

Can't seem to get it to work.

17283i6C7A98D6F4403A81.png

NWF$(document).ready(function()
{
var choice = NWF$("#" +Tab1);
choice.change(function()
{
NWF$("#" + Tab2 ).prop("checked",false);
NWF$("#" + Tab3 ).prop("checked",false);
NWF$("#" + Tab4 ).prop("checked",false);
} );
} );

 

icon

Best answer by Nunezma 7 April 2021, 22:29

View original

3 replies

A
Badge +8

Hey,


 


maybe something like this?


 


https://community.nintex.com/t5/Nintex-for-SharePoint-Forum/Create-Tab-like-functionality-on-your-Nintex-Forms/td-p/85079


 


 

N
Badge +11
Thank you for the suggestion @Aleximo , however it is not what I was looking for.
N
Badge +11
I was able to solve it with the following script



NWF$(document).ready(function () {
var checkedno= NWF$("#" + Tab1);
checkedno.change(function(){
NWF$('#'+Tab2).prop('checked', false)
});
});


NWF$('#' + Tab1).change(function(){
NWF$('#' + Tab2 + ' input').prop('checked',false);
NWF$('#' + Tab3 + ' input').prop('checked',false);
NWF$('#' + Tab4 + ' input').prop('checked',false);
});

NWF$('#' + Tab2).change(function(){
NWF$('#' + Tab1 + ' input').prop('checked',false);
NWF$('#' + Tab3 + ' input').prop('checked',false);
NWF$('#' + Tab4 + ' input').prop('checked',false);
});

NWF$('#' + Tab3).change(function(){
NWF$('#' + Tab2 + ' input').prop('checked',false);
NWF$('#' + Tab1 + ' input').prop('checked',false);
NWF$('#' + Tab4 + ' input').prop('checked',false);
});

NWF$('#' + Tab4).change(function(){
NWF$('#' + Tab2 + ' input').prop('checked',false);
NWF$('#' + Tab3 + ' input').prop('checked',false);
NWF$('#' + Tab1 + ' input').prop('checked',false);
});

Reply


View our Community Site Map

Nintex Community Sitemap
Terms & ConditionsCookie settings