value of checkbox python bottle

I am trying to retrieve the labels (or values) of the checkboxes that the user has selected and return them to a different page. This logic is working for text entries, select options, and radios, all of which are included in that same python post method (so I know the method is working) but I cannot get it to work with checkboxes.

***If I set the boxes to checked as default by inserting “checked” at the end of the input line in form.tpl, then the first movie is listed, but if another movie is referenced in results, then it throws an error saying the second movie is undefined.

***If I do not set the boxes as checked by default, the movies will not appear even when the user checks the box in the form and submits.

form.tpl:

<body>
  <form action="/form/results" class="needs-validated" method="post">
    <div class="form-check">
      <input type="checkbox" class="form-check-input" id="movie1" name="movie1" value="Kill Bill Vol. II">
      <label class="form-check-label" for="movie1">Kill Bill Vol. II</label>
      <input type="checkbox" class="form-check-input" id="movie2" name="movie2" value="Fight Club">
      <label class="form-check-label" for="movie2">Fight Club</label>
    </div>
  </form>
</body>

JavaScript
​x
 
<body>
  <form action="/form/results" class="needs-validated" method="post">
    <div class="form-check">
      <input type="checkbox" class="form-check-input" id="movie1" name="movie1" value="Kill Bill Vol. II">
      <label class="form-check-label" for="movie1">Kill Bill Vol. II</label>
      <input type="checkbox" class="form-check-input" id="movie2" name="movie2" value="Fight Club">
      <label class="form-check-label" for="movie2">Fight Club</label>
    </div>
  </form>
</body>
​

test.py:

@post('/form/results')
def show_results():
    movie1 = request.forms.get('movie1')
    movie2 = request.forms.get('movie2')
    return template('results', movie1=movie1, movie2=movie2)

JavaScript
 
@post('/form/results')
def show_results():
    movie1 = request.forms.get('movie1')
    movie2 = request.forms.get('movie2')
    return template('results', movie1=movie1, movie2=movie2)
​

results.tpl:

   <body>
     <p>Title(s) of movie(s) chosen: {{movie1}} {{movie2}}</p>
   </body>

JavaScript
 
   <body>
     <p>Title(s) of movie(s) chosen: {{movie1}} {{movie2}}</p>
   </body>
​
​

Answer

The checkbox fields are coming through for me, but as either "on" or the value you provided (if checked) or None (if unchecked), which seems sufficient to infer the state. Here’s a minimal example of passing checked state through each page:

`server.py`

from bottle import post, request, route, run, template

@post("/form/results")
def show_results():
    movie1 = request.forms.get("movie1")
    movie2 = request.forms.get("movie2")
    print(repr(movie1), repr(movie2))
    return template("form.tpl", movie1=movie1, movie2=movie2)

@route("/form/results")
def items_():
    return template("form.tpl", movie1=None, movie2=None)

if __name__ == "__main__":
    run(host="localhost", port=8080, debug=True, reloader=True)

JavaScript
 
from bottle import post, request, route, run, template
​
@post("/form/results")
def show_results():
    movie1 = request.forms.get("movie1")
    movie2 = request.forms.get("movie2")
    print(repr(movie1), repr(movie2))
    return template("form.tpl", movie1=movie1, movie2=movie2)
​
@route("/form/results")
def items_():
    return template("form.tpl", movie1=None, movie2=None)
​
if __name__ == "__main__":
    run(host="localhost", port=8080, debug=True, reloader=True)
​

`form.tpl`

<!DOCTYPE html>
<html>
<body>
  <form action="/form/results" method="post">
    <input
      type="checkbox"
      name="movie1"
      value="Kill Bill Vol. II"
      {{"checked" if movie1 else ""}}
    >
    <label class="form-check-label" for="movie1">Kill Bill Vol. II</label>
    <input
      type="checkbox"
      name="movie2"
      value="Fight Club"
      {{"checked" if movie2 else ""}}
    >
    <label class="form-check-label" for="movie2">Fight Club</label>
    <input type="submit">
  </form>
</body>
</html>

JavaScript
 
<!DOCTYPE html>
<html>
<body>
  <form action="/form/results" method="post">
    <input
      type="checkbox"
      name="movie1"
      value="Kill Bill Vol. II"
      {{"checked" if movie1 else ""}}
    >
    <label class="form-check-label" for="movie1">Kill Bill Vol. II</label>
    <input
      type="checkbox"
      name="movie2"
      value="Fight Club"
      {{"checked" if movie2 else ""}}
    >
    <label class="form-check-label" for="movie2">Fight Club</label>
    <input type="submit">
  </form>
</body>
</html>
​

Output on the terminal after a couple of requests checking one or the other of the boxes:

127.0.0.1 - - [18/Mar/2022 12:17:04] "GET /form/results HTTP/1.1" 200 499
127.0.0.1 - - [18/Mar/2022 12:17:06] "GET /sw-debug.js HTTP/1.1" 404 742
None 'Fight Club'
127.0.0.1 - - [18/Mar/2022 12:17:08] "POST /form/results HTTP/1.1" 200 506
127.0.0.1 - - [18/Mar/2022 12:17:10] "GET /sw-debug.js HTTP/1.1" 404 742
'Kill Bill Vol. II' None
127.0.0.1 - - [18/Mar/2022 12:17:17] "POST /form/results HTTP/1.1" 200 506
127.0.0.1 - - [18/Mar/2022 12:17:19] "GET /sw-debug.js HTTP/1.1" 404 742

JavaScript
 
127.0.0.1 - - [18/Mar/2022 12:17:04] "GET /form/results HTTP/1.1" 200 499
127.0.0.1 - - [18/Mar/2022 12:17:06] "GET /sw-debug.js HTTP/1.1" 404 742
None 'Fight Club'
127.0.0.1 - - [18/Mar/2022 12:17:08] "POST /form/results HTTP/1.1" 200 506
127.0.0.1 - - [18/Mar/2022 12:17:10] "GET /sw-debug.js HTTP/1.1" 404 742
'Kill Bill Vol. II' None
127.0.0.1 - - [18/Mar/2022 12:17:17] "POST /form/results HTTP/1.1" 200 506
127.0.0.1 - - [18/Mar/2022 12:17:19] "GET /sw-debug.js HTTP/1.1" 404 742
​

Advertisement

Answer

server.py

form.tpl

`server.py`

`form.tpl`