Intentando ocultar un elemento de botón basado en una consulta de cadena en la URL usando javascript o JQuery
Si tengo una URL... por ejemplo:
https://xxxxxx.com/xxxxxx.aspx?UserID=12345&type=ABCDE=trueEl botón:
<button class="smallButton"> </button>¿Cómo oculto el botón si ABCDE = verdadero y lo muestro si no lo es? Leí otras publicaciones pero no parecían funcionar. Debido al "&" y los dos "=" en la cadena, es un poco diferente al ejemplo que he visto. Cualquier ayuda es apreciada. Gracias.
Puede obtener los parámetros de cadena de consulta utilizando URLSearchParams con .get
Luego, para obtener solo su valor, recorte la cadena antes de = y simplemente muestre u oculte el botón según la condición.
Puedes hacerlo así:
let searchParams = new URLSearchParams("https://xxxxxx.com/xxxxxx.aspx?UserID=12345&type=ABCDE=true") // let searchParams = new URLSearchParams(window.location.search) uncomment if you want to use your current window location URL. if (searchParams.has('type')) { // check if the type exist in query string let param = searchParams.get('type') // get the param param = param.substr(param.indexOf('=') + 1, param.length) // trim the value to get true from "ABCDE=true" so in substr you're going to get the string from the char = position + 1 to the end of the string. if (param == 'true') { // check if the param is true $('.smallButton').show(); // show the button } else { $('.smallButton').hide(); // hide it } } .smallButton { display: none; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class="smallButton"> SMALL BUTTON </button>