La forma más facil es usar botones de radio, pues para eso estan, para autoexcluirse. O sea, type="radio"
en lugar de type="checkbox"
.
Eso sí, debes agregar un atributo name= idéntico en ambos.
Ejemplo:
<span>Si
<input name="botonRadio" value={objeto} type="radio" onChange={(e) => {setName(e.target.value);}} onInput={save} placeholder="Name" />
</span>
<span>No
<input name="botonRadio" value={item} type="radio" onInput={save} placeholder="Name" />
</span>
Tal como has indicado en el comentario, si lo que quieres es deshabilitar el otro checkbox y que no haya vuelta atrás puedes hacerlo del siguiente modo:
function deshabilitarCasilla(el) {
casillas = document.querySelectorAll('.casilla')
casillas.forEach(x => x.disabled = "disabled");
// Si quieres que siga activo el seleccionado descomenta la siguiente línea
// el.disabled=''
}
<span>Si
<input class="casilla" onclick="deshabilitarCasilla(this)" value={objeto} type="checkbox" />
</span>
<span>No
<input class="casilla" onclick="deshabilitarCasilla(this)" value={item} type="checkbox" placeholder="Name" />
</span>
Así seria con botones de radio, dejándo el seleccionado sin deshabilitar (porque si esta disabled luego no se envia en un formulario, si es que lo tienes dentro de uno).
function deshabilitarCasilla(el) {
radioBotones = document.querySelectorAll('.radioBoton')
radioBotones.forEach(x => x.disabled = "disabled");
el.disabled = ''
}
<span>Si
<input class="radioBoton" onclick="deshabilitarCasilla(this)" name="botonRadio" value={objeto} type="radio" placeholder="Name" />
</span>
<span>No
<input class="radioBoton" onclick="deshabilitarCasilla(this)" name="botonRadio" value={item} type="radio" placeholder="Name" />
</span>
type="radio"
en lugar detype="checkbox"
(eso sí debes agregar un atributoname=
identico en ambos)