Skip to main content
Nintex Community Menu Bar
Solved

Help with choice check/uncheck js

  • Apr 7, 2021 2:16 PM UTC
  • 3 replies
  • 88 views
  • Translate All
Forum|alt.badge.img+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);
} );
} );

 

Best answer by Nunezma

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);
});
View original

    3 replies

    Forum|alt.badge.img+8
    • Aleximo
    • Apr 7, 2021 4:52 PM UTC

    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

     

     

    Translate
    Forum|alt.badge.img+11
    • Nunezma
    • Author
    • Scholar
    • Apr 7, 2021 8:28 PM UTC
    Thank you for the suggestion @Aleximo , however it is not what I was looking for.
    Translate
    Forum|alt.badge.img+11
    • Nunezma
    • Author
    • Scholar
    • Answer
    • Apr 7, 2021 8:29 PM UTC
    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);
    });
    Translate
    Sidebar Buttons
    Nintex Community Home Contact Nintex Support Email Nintex Community Check Nintex Status
    Terms & ConditionsAccessibility statement