{"id":110,"date":"2013-12-03T00:00:00","date_gmt":"2013-12-02T15:00:00","guid":{"rendered":"http:\/\/taitan916.info\/blog\/?p=110"},"modified":"2014-05-19T23:05:10","modified_gmt":"2014-05-19T14:05:10","slug":"post-110","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/110","title":{"rendered":"form\u3067display:none;\u306b\u3057\u3066\u3066\u3082\u9001\u4fe1\u3055\u308c\u308b"},"content":{"rendered":"

form\u3067\u7279\u5b9a\u306e\u90e8\u5206\u3092display:none;\u3067\u975e\u8868\u793a\u306b\u3057\u3066\u3066\u3082
\n\u5185\u5bb9\u306f\u9001\u4fe1\u3055\u308c\u305f\u3002<\/p>\n

\u3084\u308a\u305f\u304b\u3063\u305f\u306e\u306f\u3001<\/p>\n

\u30fbradio\u30dc\u30bf\u30f3\u30673\u3064\u306e\u4e2d\u304b\u3089\u9078\u3070\u305b\u308b
\n\u30fbradio\u30dc\u30bf\u30f3\u3067\u9078\u629e\u3057\u305f\u969b\u3001select\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u8a73\u7d30\u3092\u9078\u3070\u305b\u308b
\n\u30fbradio\u30dc\u30bf\u30f3\u306e3\u3064\u76ee\u306b\u95a2\u3057\u3066\u306fselect\u30e1\u30cb\u30e5\u30fc\u3092\u7b2c3\u5e0c\u671b\u307e\u3067\u9078\u3070\u305b\u305f\u3044
\n\u30fb\u9078\u629e\u3057\u305f\u3082\u306e\u4ee5\u5916\u306f\u9001\u4fe1\u3055\u308c\u306a\u3044<\/p>\n

\u3068\u3044\u3046\u3082\u306e\u3002<\/p>\n

\u25a0JavaScript<\/a><\/span>
\n$(function(){
\n$(document).on('click', '.present_radio', function(){ \/\/\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3<\/a>\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u969b<\/span>
\n$('.span_class').hide(); \/\/\u5168\u3066\u306eselect\u30e1\u30cb\u30e5\u30fc\u3092\u975e\u8868\u793a\u306b\u3059\u308b<\/span>
\n$('.select_class').attr('disabled','disabled'); \/\/\u5168\u3066\u306eselect\u30e1\u30cb\u30e5\u30fc\u3092disabled\u306b\u3059\u308b<\/span>
\n$('#span_color' + $(this).val()).show(); \/\/\u9078\u629e\u3057\u305f\u3068\u3053\u308d\u306eselect\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a\u3055\u305b\u308b<\/span>
\n$('#span_color' + $(this).val()).find('.select_class').removeAttr('disabled'); \/\/\u9078\u629e\u3057\u305f\u3068\u3053\u308d\u306eselect\u30e1\u30cb\u30e5\u30fc\u306edisabled\u3092\u89e3\u9664\u3059\u308b<\/span>
\n\/\/$('#span_color' + $(this).val()).show().find('.select_class').removeAttr('disabled');\u307f\u305f\u3044\u306b\u307e\u3068\u3081\u3066\u3082\u3044\u3051\u305d\u3046<\/span>
\n});
\n});<\/p>\n

\u25a0HTML<\/span>
\n<form action=\"\" method=\"post\">
\n<input type=\"radio\" class=\"present_radio\" name=\"option1\" value=\"1\">A\u8cde:\u30ab\u30ec\u30fc<br>
\n<span id=\"span_color1\" class=\"span_class\" style=\"display:none;\">
\n<select name=\"color1\" disabled=\"disabled\" class=\"select_class\">
\n<option value=\"1\">\u7518\u53e3<\/option>
\n<option value=\"2\">\u8f9b\u53e3<\/option>
\n<\/select><br>
\n<\/span><\/p>\n

<input type=\"radio\" class=\"present_radio\" name=\"option1\" value=\"2\">B\u8cde:\u98f2\u307f\u7269<br>
\n<span id=\"span_color2\" class=\"span_class\" style=\"display:none;\">
\n<select name=\"color1\" disabled=\"disabled\" class=\"select_class\">
\n<option value=\"1\">\u7d05\u8336<\/option>
\n<option value=\"2\">\u6c34<\/option>
\n<option value=\"3\">\u30d3\u30fc\u30eb<\/option>
\n<\/select><br>
\n<\/span><\/p>\n

<input type=\"radio\" class=\"present_radio\" name=\"option1\" value=\"3\">C\u8cde:\u304a\u3084\u3064<br>
\n<span id=\"span_color3\" class=\"span_class\" style=\"display:none;\">
\n\u7b2c1\u5e0c\u671b
\n<select name=\"color1\" disabled=\"disabled\" class=\"select_class\">
\n<option value=\"1\">\u30b1\u30fc\u30ad<\/option>
\n<option value=\"2\">\u30d1\u30d5\u30a7<\/option>
\n<option value=\"3\">\u30d7\u30ea\u30f3<\/option>
\n<option value=\"4\">\u30af\u30c3\u30ad\u30fc<\/option>
\n<option value=\"5\">\u30bc\u30ea\u30fc<\/option>
\n<\/select><br>
\n\u7b2c2\u5e0c\u671b
\n<select name=\"color2\" disabled=\"disabled\" class=\"select_class\">
\n<option value=\"1\">\u30b1\u30fc\u30ad<\/option>
\n<option value=\"2\">\u30d1\u30d5\u30a7<\/option>
\n<option value=\"3\">\u30d7\u30ea\u30f3<\/option>
\n<option value=\"4\">\u30af\u30c3\u30ad\u30fc<\/option>
\n<option value=\"5\">\u30bc\u30ea\u30fc<\/option>
\n<\/select><br>
\n\u7b2c3\u5e0c\u671b
\n<select name=\"color3\" disabled=\"disabled\" class=\"select_class\">
\n<option value=\"1\">\u30b1\u30fc\u30ad<\/option>
\n<option value=\"2\">\u30d1\u30d5\u30a7<\/option>
\n<option value=\"3\">\u30d7\u30ea\u30f3<\/option>
\n<option value=\"4\">\u30af\u30c3\u30ad\u30fc<\/option>
\n<option value=\"5\">\u30bc\u30ea\u30fc<\/option>
\n<\/select><br>
\n<\/span>
\n<input type=\"submit\" value=\"submit\">
\n<\/form><\/p>\n","protected":false},"excerpt":{"rendered":"

form\u3067\u7279\u5b9a\u306e\u90e8\u5206\u3092display:none;\u3067\u975e\u8868\u793a\u306b\u3057\u3066\u3066\u3082 \u5185\u5bb9\u306f\u9001\u4fe1\u3055 ... <\/p>\n","protected":false},"author":1,"featured_media":1069,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4,9],"tags":[],"class_list":["post-110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript","category-html"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t