Home / Questions / 20173
Accepted
Hoose
Asked: 2020-08-11 11:29:25 +0800 CST 2020-08-11 11:29:25 +0800 CST

How to set radio button selected by default?

  • 772

I have the following code in HTML

   <label class="radio-inline">
      <input type="radio" name="movimiento" value="Venta">Venta</label>
   <label class="radio-inline">
      <input type="radio" name="movimiento" value="Renta" required> Renta </label>
   <label class="radio-inline">
      <input type="radio" name="movimiento" value="Traspaso"> Traspaso </label>

And I have a database that is loaded with its respective data, how can I preselect the checkbox that is entered in the database? That is, if in the database I select Sale, how can the Sale checkbox appear selected?

html

2 Answers

  1. Best Answer

    To set the selected radio button by default, you must use the checked attribute :

        <label class="radio-inline">
          <input type="radio" name="movimiento" value="Venta">Venta</label>
       <label class="radio-inline">
          <input type="radio" name="movimiento" value="Renta" required> Renta </label>
       <label class="radio-inline">
          <input type="radio" name="movimiento" value="Traspaso" checked> Traspaso (valor default)</label>

    The attribute checked can be on elements <input type="checkbox">and <input type="radio">.

    • 7

  2. Use the attribute checkedas indicated in this answer .

    Example:

    <label class="radio-inline">
    <input type="radio" value="Venta" name="movimiento" checked>Venta
</label>
    • 0