{"id":1867,"date":"2021-05-02T07:51:58","date_gmt":"2021-05-01T22:51:58","guid":{"rendered":"https:\/\/nobunobu1717.site\/?p=1867"},"modified":"2021-05-02T07:55:02","modified_gmt":"2021-05-01T22:55:02","slug":"post-1867","status":"publish","type":"post","link":"https:\/\/nobunobu1717.site\/?p=1867","title":{"rendered":"\u3010Django\u3011ChoiceFiled\u3067\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u3092\u6a2a\u4e26\u3073\u306b\u51fa\u529b\u3059\u308b\u65b9\u6cd5(ul\u3068li\u8981\u7d20\u3092\u9664\u5916\u3057\u3066\u63cf\u753b)"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#i\"><span class=\"toc_number toc_depth_1\">1<\/span> \u6982\u8981<\/a><\/li><li><a href=\"#i-2\"><span class=\"toc_number toc_depth_1\">2<\/span> \u80cc\u666f<\/a><\/li><li><a href=\"#i-3\"><span class=\"toc_number toc_depth_1\">3<\/span> \u89e3\u6c7a\u65b9\u6cd5<\/a><\/li><\/ul><\/div>\n<h2><span id=\"i\">\u6982\u8981<\/span><\/h2>\n<p>Django\u3067ChoiceFiled\u3092\u4f7f\u7528\u3057\u305fForm\u3067RadioButton\u3092\u63cf\u753b\u3059\u308b\u969b\u306b\u3001ul\u3068li\u8981\u7d20\u3092\u4f7f\u7528\u305b\u305a\u306b\u6a2a\u4e26\u3073\u306b\u51fa\u529b\u3059\u308b\u65b9\u6cd5\u306e\u30e1\u30e2\u3067\u3059\u3002<br \/>\n\u901a\u5e38\u306e\u304a\u4f5c\u6cd5\u3067\u51fa\u529b\u3059\u308b\u3068\u3001\u4e0b\u56f3\u306e\u3088\u3046\u306a\u7e26\u306b\u4e26\u3076\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3057\u307e\u3046\u3082\u306e\u3092\u3001\u6a2a\u4e26\u3073\u306b\u51fa\u529b\u3059\u308b\u65b9\u6cd5\u306e\u7d39\u4ecb\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\t<p style=\"color:#666;margin-bottom:5px;\">\u30b9\u30dd\u30f3\u30b5\u30fc\u30ea\u30f3\u30af<\/p>\n\t<div class=\"middle-ad\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n<p><strong>Before<\/strong><br \/>\n<a href=\"https:\/\/nobunobu1717.site\/wp-content\/uploads\/2021\/03\/72dd52b552c41ff564fbc1c38862ec70.png\"><img src=\"https:\/\/nobunobu1717.site\/wp-content\/uploads\/2021\/03\/72dd52b552c41ff564fbc1c38862ec70.png\" alt=\"ul\u304c\u3042\u308b\u5834\u5408\" width=\"250\" height=\"330\" class=\"aligncenter size-full wp-image-1869\" \/><\/a><\/p>\n<p><strong>After<\/strong><br \/>\n<a href=\"https:\/\/nobunobu1717.site\/wp-content\/uploads\/2021\/03\/33b14fbf0b8aec92d553e73af4958fa3.png\"><img src=\"https:\/\/nobunobu1717.site\/wp-content\/uploads\/2021\/03\/33b14fbf0b8aec92d553e73af4958fa3.png\" alt=\"ul\u306a\u3057\" width=\"1506\" height=\"56\" class=\"aligncenter size-full wp-image-1870\" \/><\/a><\/p>\n<h2><span id=\"i-2\">\u80cc\u666f<\/span><\/h2>\n<p>Django\u306eModel\u304a\u3088\u3073Form\u306b\u304a\u3044\u3066\u3001ChoiceField\u3092\u4f7f\u7528\u3059\u308b\u4e8b\u3067\u30b3\u30f3\u30dc\u30dc\u30c3\u30af\u30b9\u3084\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u3068\u3044\u3063\u305f\u9078\u629eUI\u306e\u51fa\u529b\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<br \/>\nwidget\u306b\u4e0b\u8a18\u306e\u3088\u3046\u306bRadioSelect\u3092\u4f7f\u7528\u3059\u308b\u4e8b\u3067\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u306e\u51fa\u529b\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\t<p style=\"color:#666;margin-bottom:5px;\">\u30b9\u30dd\u30f3\u30b5\u30fc\u30ea\u30f3\u30af<\/p>\n\t<div class=\"middle-ad\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n<p>Form<\/p>\n<pre class=\"lang:default decode:true \" >\r\nfrom django import forms\r\n\r\nclass ChoiceForm(forms.Form):\r\n    selected_time = forms.fields.ChoiceField(\r\n        choices = (\r\n            ('XXXX', '10:00'),\r\n            ('XXXX', '10:30')\r\n        ),\r\n\u3000\u3000\u3000\u3000 label='\u4e88\u7d04\u6642\u9593',\r\n        required=True,\r\n        widget=forms.widgets.RadioSelect\r\n    )\r\n<\/pre>\n<p>\u3053\u306eForm\u3092template\u3068\u3057\u3066\u4e0b\u8a18\u306e\u3088\u3046\u306b\u3088\u304f\u7d39\u4ecb\u3055\u308c\u3066\u3044\u308b\u4f8b\u3067\u51fa\u529b\u3059\u308b\u3068\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true \" >  &lt;div class=\"field\"&gt;\r\n      {{ form.selected_time.label_tag }}\r\n      {{ form.selected_time }}\r\n      {% if form.selected_time.error %}\r\n          &lt;p class=\"help is-danger\"&gt;{{ form.selected_time.errors }}&lt;\/p&gt;\r\n      {% endif %}\r\n  &lt;\/div&gt;\r\n<\/pre>\n\n\t<p style=\"color:#666;margin-bottom:5px;\">\u30b9\u30dd\u30f3\u30b5\u30fc\u30ea\u30f3\u30af<\/p>\n\t<div class=\"middle-ad\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n<p>\u666e\u901a\u306b\u51fa\u529b\u3059\u308b\u3068\u3053\u3093\u306a\u611f\u3058\u306eul\u3067\u56f2\u307e\u308c\u305fHTML\u30bf\u30b0\u304c\u51fa\u529b\u3055\u308c\u3066\u3057\u307e\u3044\u3001\u6700\u521d\u306b\u7d39\u4ecb\u3057\u305f\u7e26\u306b\u4e26\u3093\u3060\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true \" >&lt;div class=\"field\"&gt;\r\n &lt;label for=\"id_selected_time_0\"&gt;\u4e88\u7d04\u6642\u9593:&lt;\/label&gt;\r\n &lt;ul id=\"id_selected_time\" class=\"select_time\"&gt;\r\n  &lt;li&gt;\r\n   &lt;label for=\"id_selected_time_0\"&gt;&lt;input type=\"radio\" name=\"selected_time\" value=\"10:00:00\" class=\"select_time\" required id=\"id_selected_time_0\"&gt;\r\n   10:00&lt;\/label&gt;\r\n  &lt;\/li&gt;\r\n   &lt;li&gt;&lt;label for=\"id_selected_time_1\"&gt;&lt;input type=\"radio\" name=\"selected_time\" value=\"10:30:00\" class=\"select_time\" required id=\"id_selected_time_1\"&gt;\r\n 10:30&lt;\/label&gt;\r\n\r\n ....\r\n&lt;\/div&gt;\r\n<\/pre>\n\n\t<p style=\"color:#666;margin-bottom:5px;\">\u30b9\u30dd\u30f3\u30b5\u30fc\u30ea\u30f3\u30af<\/p>\n\t<div class=\"middle-ad\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n<h2><span id=\"i-3\">\u89e3\u6c7a\u65b9\u6cd5<\/span><\/h2>\n<p>form\u306e\u8a72\u5f53\u306e\u8981\u7d20(\u4eca\u56de\u3060\u3068selected_time)\u3092for\u6587\u3067\u56de\u3059\u3068\u30011\u500b\u3065\u3064\u306e\u8981\u7d20\u304c\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002<br \/>\nchoice_label\u3068tag\u3067\u30e9\u30d9\u30eb\u3068\u5024\u3092\u53d6\u5f97\u3067\u304d\u308b\u306e\u3067\u3001\u3053\u306e\u5024\u3092\u4f7f\u7528\u3057\u3066\u4efb\u610f\u306ehtml\u8981\u7d20\u3068\u3057\u3066\u63cf\u753b\u3059\u308c\u3070\u597d\u304d\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u4f5c\u308c\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true \" >  &lt;div class=\"field\"&gt;\r\n      {{ form.selected_time.label_tag }}\r\n\u3000\u3000\u3000 {% for choice in form.selected_time %}\r\n       {{ choice.choice_label }}\r\n  \u3000\u3000\u3000 &lt;div class=\"select\"&gt;{{ choice.tag }}&lt;\/div&gt;\r\n\u3000\u3000\u3000 {% endfor %}\r\n      {% if form.selected_time.error %}\r\n          &lt;p class=\"help\"&gt;{{ form.selected_time.errors }}&lt;\/p&gt;\r\n      {% endif %}\r\n  &lt;\/div&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Contents1 \u6982\u89812 \u80cc\u666f3 \u89e3\u6c7a\u65b9\u6cd5 \u6982\u8981 Django\u3067ChoiceFiled\u3092\u4f7f\u7528\u3057\u305fForm\u3067RadioButton\u3092\u63cf\u753b\u3059\u308b\u969b\u306b\u3001ul\u3068li\u8981\u7d20\u3092\u4f7f\u7528\u305b\u305a\u306b\u6a2a\u4e26\u3073\u306b\u51fa\u529b\u3059\u308b\u65b9\u6cd5\u306e\u30e1\u30e2\u3067 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":1361,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[34],"tags":[],"_links":{"self":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/1867"}],"collection":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1867"}],"version-history":[{"count":15,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/1867\/revisions"}],"predecessor-version":[{"id":1895,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/1867\/revisions\/1895"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/media\/1361"}],"wp:attachment":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}