Home/ Questions/Q 921769
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T18:55:05+00:00

I need to change some checkbox inputs to hidden inputs for some but not

  • 0

I need to change some checkbox inputs to hidden inputs for some but not all inputs on a page. 

<input type="checkbox" name="ProductCode"value="396P4"> 
<input type="checkbox" name="ProductCode"value="401P4"> 
<input type="checkbox" name="ProductCode"value="F460129">

The jquery code below only selects the input by type which causes all check boxes to changed to hidden inputs Is there a way to check for both type of input=”checkbox” and name=”ProductCode” as the selector so I can specifically target those that I want to change? 

$("input[type='checkbox']").each(function(){
var name = $(this).attr('name'); // grab name of original
var value = $(this).attr('value'); // grab value of original
var html = '<input type="hidden" name="'+name+'" value="'+value+'" />';
$(this).after(html).remove(); // add new, then remove original input
});

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You want a multiple attribute selector

    $("input[type='checkbox'][name='ProductCode']").each(function(){ ...

    or

    $("input:checkbox[name='ProductCode']").each(function(){ ...

    It would be better to use a CSS class to identify those that you want to select however as a lot of the modern browsers implement the document.getElementsByClassName method which will be used to select elements and be much faster than selecting by the name attribute

    • 0