immissione di destinazione per tipo e nome (selettore)

Question

Devo modificare alcuni input di casella di controllo in input nascosti per alcuni ma non tutti gli input di una pagina.

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

Il codice jquery sotto solo seleziona l'ingresso per tipo che causa tutte le caselle di cambiata ingressi nascosti C'è un modo per controllare sia tipo di input = "casella" e name = "ProductCode" come selettore in modo da poter indirizzare in modo specifico quelli che voglio cambiare?

$("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 
}); 

Answer 1

Volete una multiple attribute selector

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

o

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

Sarebbe preferibile utilizzare una classe CSS per identificare quelli che si desidera selezionare, tuttavia, poiché molti dei moderni browser implementano il metodo document.getElementsByClassName che verrà utilizzato per selezionare gli elementi ed essere molto più veloce rispetto alla selezione dell'attributo name

Answer 2

È possibile combinare i selettori di attributo in questo modo:

$("[attr1=val][attr2=val]")... 

in modo che un elemento deve soddisfare entrambe le condizioni. Ovviamente puoi usarlo per più di due. Inoltre, non fare [type=checkbox]. jQuery ha un selettore per questo, cioè :checkbox modo che il risultato finale è:

$("input:checkbox[name=ProductCode]")... 

selettori Abilità sono lenti però così l'approccio consigliato è quello di utilizzare ID e classe selettori ove possibile. Si potrebbe cambiare il vostro codice a:

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

che consente di utilizzare il selettore molto più veloce di:

$("input.ProductCode")... 

Answer 3

input[type='checkbox', name='ProductCode'] 

Questo è il modo CSS e sono quasi sicuro che funzionerà in jQuery.