{"id":378,"date":"2021-08-31T09:40:19","date_gmt":"2021-08-31T01:40:19","guid":{"rendered":"http:\/\/blog.nonot.cn\/?p=378"},"modified":"2024-07-08T13:05:20","modified_gmt":"2024-07-08T05:05:20","slug":"%e7%94%a8jquery%e8%8e%b7%e5%8f%96%e8%a1%a8%e5%8d%95%e7%9a%84%e5%80%bc","status":"publish","type":"post","link":"https:\/\/blog.nonot.cn\/index.php\/2021\/08\/31\/%e7%94%a8jquery%e8%8e%b7%e5%8f%96%e8%a1%a8%e5%8d%95%e7%9a%84%e5%80%bc\/","title":{"rendered":"\u7528jQuery\u83b7\u53d6\u8868\u5355\u7684\u503c"},"content":{"rendered":"

\u5728\u65e5\u5e38\u5f00\u53d1\u8fc7\u7a0b\u4e2d\uff0c\u6709\u8bb8\u591a\u7528\u5230\u8868\u5355\u7684\u5730\u65b9\u3002\u6bd4\u5982\u767b\u5f55\uff0c\u6ce8\u518c\uff0c\u6bd4\u5982\u652f\u4ed8\uff0c\u586b\u5199\u8ba2\u5355\uff0c\u6bd4\u5982\u540e\u53f0\u7ba1\u7406\u7b49\u7b49\u3002<\/p>\n

\u4f7f\u7528jQuery\u6765\u83b7\u53d6\u8868\u5355\u7684\u503c\u662f\u6bd4\u8f83\u5e38\u89c1\u7684\u505a\u6cd5\u3002<\/p>\n

\u5e38\u89c1\u8868\u5355<\/strong><\/p>\n

\u5355\u884c\u6587\u5b57\u57df\uff1a<input type=’text’><\/p>\n

\n
<input type=\"text\" id='name' value='pelli'><\/pre>\n<\/div>\n
\"\u7528jQuery\u83b7\u53d6\u8868\u5355\u7684\u503c\"<\/p>\n
\u5bc6\u7801\u57df\uff1a<input type=’password’><\/p>\n
\n
<input type=\"password\" id='pass' value='password'><\/pre>\n<\/div>\n
\"\u7528jQuery\u83b7\u53d6\u8868\u5355\u7684\u503c\"<\/p>\n
\u5355\u9009\uff1a<input type=’radio’ \u00a0name=’sex’>\u7537 <input type=’radio’ name=’sex’>\u5973<\/p>\n
\n
<input type=\"radio\" name='sex' id='man' value=\"1\">\n<label for=\"man\">\u7537<\/label>\n<input type=\"radio\" name='sex' id='woman' value=\"0\">\n<label for=\"woman\">\u5973<\/label><\/pre>\n<\/div>\n
\"\u7528jQuery\u83b7\u53d6\u8868\u5355\u7684\u503c\"<\/p>\n
\u591a\u9009\uff1a<\/p>\n
<input type=’checkbox’ value=’1′\u00a0name=’intrest’>\u7bee\u7403<\/p>\n
<input type=’checkbox’ value=’2′ name=’intrest’>\u8db3\u7403<\/p>\n
<input type=’checkbox’ value=’3′ name=’intrest’>\u76ae\u7403<\/p>\n
\n
\u00a0<\/a><\/span><\/div>\n
<input type=\"checkbox\" value='1' name='intrest' id='ball1'>\n<label for=\"ball1\">\u7bee\u7403<\/label>\n<input type=\"checkbox\" value='2' name='intrest' id='ball2'>\n<label for=\"ball2\">\u7fbd\u6bdb\u7403<\/label>\n<input type=\"checkbox\" value='3' name='intrest' id='ball3'>\n<label for=\"ball3\">\u624b\u7403<\/label>\n<input type=\"checkbox\" value='4' name='intrest' id='ball4'>\n<label for=\"ball4\">\u4e52\u4e53\u7403<\/label>\n<input type=\"checkbox\" value='5' name='intrest' id='ball5'>\n<label for=\"ball5\">\u8db3\u7403<\/label><\/pre>\n
\u00a0<\/a><\/span><\/div>\n<\/div>\n
\"\u7528jQuery\u83b7\u53d6\u8868\u5355\u7684\u503c\"<\/p>\n
\u4e0b\u62c9\u5217\u8868\uff1a<\/p>\n
<select id=’drop’><\/p>\n
<option value=’1′>\u6628\u5929<\/option><\/p>\n
<option value=’2′>\u4eca\u5929<\/option><\/p>\n
<option value=’3′>\u660e\u5929<\/option><\/p>\n
<\/select><\/p>\n
\n
\u00a0<\/a><\/span><\/div>\n
<select name=\"city\" id=\"city\">\n    <option value=\"1\">\u5317\u4eac<\/option>\n    <option value=\"2\">\u5357\u4eac<\/option>\n    <option value=\"3\">\u4e0a\u6d77<\/option>\n    <option value=\"4\">\u6210\u90fd<\/option>\n    <option value=\"5\">\u897f\u5b89<\/option>\n<\/select><\/pre>\n
\u00a0<\/a><\/span><\/div>\n<\/div>\n
\"\u7528jQuery\u83b7\u53d6\u8868\u5355\u7684\u503c\"<\/p>\n
\u591a\u884c\u6587\u5b57\u57df\uff1a<\/p>\n
<textarea>\u8fd9\u91cc\u53ef\u4ee5\u5199\u591a\u884c\u6587\u5b57<\/textarea><\/p>\n
\n
<textarea name=\"\" id=\"remark\" cols=\"30\" rows=\"10\">\u8fd9\u91cc\u662f\u5907\u6ce8<\/textarea><\/pre>\n<\/div>\n
\"\u7528jQuery\u83b7\u53d6\u8868\u5355\u7684\u503c\"<\/p>\n
\u7528jQuery\u83b7\u53d6\u503c<\/strong><\/p>\n
\n
\u00a0<\/a><\/span><\/div>\n
\/\/ \u6635\u79f0\nvar name = $(\"#name\").val();\nconsole.log(name);\n\n\/\/ \u5bc6\u7801\nvar pass = $(\"#pass\").val();\nconsole.log(pass);\n\n\/\/ \u6027\u522b\nvar sex = $(\"input:radio:checked\").val();\nconsole.log(sex);\n\n\/\/ \u6027\u522b\nvar sex1 = checkAll($(\"input:radio\"));\nconsole.log(sex1);\n\n\/\/ \u5174\u8da3\nvar hobby = checkAll($(\"input:checkbox\"));\nconsole.log(hobby);\n\n\/\/ \u57ce\u5e02\nvar city = $(\"#city\").val();\nconsole.log(city);\n\n\/\/ \u57ce\u5e02\nvar city1 = $(\"#city option:selected\").val();\nconsole.log(city1);\n\n\/\/ \u5907\u6ce8\nvar remark = $(\"#remark\").val();\nconsole.log(remark);<\/pre>\n
\u00a0<\/a><\/span><\/div>\n<\/div>\n
\u4e00\u4e2a\u53ef\u4ee5\u83b7\u53d6\u5355\u9009\u548c\u591a\u9009\u7684\u51fd\u6570\uff0c\u8fd4\u56de\u503c\u5f97\u6570\u7ec4<\/p>\n
\n
\u00a0<\/a><\/span><\/div>\n
\/\/\u83b7\u53d6\u5355\u9009\u6216\u8005\u591a\u9009\u7684\u503c\uff0c\u8fd4\u56de\u4e00\u4e2a\u503c\u5f97\u6570\u7ec4\uff0c\u5982\u679c\u6ca1\u6709\u503c\uff0c\u8fd4\u56de\u7a7a\u6570\u7ec4\uff0c\u53c2\u6570inputlist\u662fjQuery\u5bf9\u8c61\nfunction checkAll(inputlist){\n    var arr = [];\n    var num = inputlist.length;\n    for(var i = 0; i < num; i++){\n        if(inputlist.eq(i).is(\":checked\")){\n            arr.push(inputlist.eq(i).val());\n        }\n    }\n    return arr;\n}<\/pre>\n
\u00a0<\/a><\/span><\/div>\n<\/div>\n
\u603b\u7ed3\uff1a<\/strong><\/p>\n
\u5355\u884c\u6587\u5b57\uff1a$(“#text”).val();<\/p>\n
\u5bc6\u7801\uff1a$(“#pass”).val();<\/p>\n
\u5355\u9009\uff1a$(“input:radio:checked”).val();<\/p>\n
\u591a\u9009\uff1a\u904d\u5386 $(“input:checkbox”),\u5224\u65ad\u662f\u5426\u9009\u4e2d<\/p>\n
\u4e0b\u62c9\uff1a$(“#select”).val();<\/p>\n
\u6216\u8005<\/p>\n
$(“#select option:select”).val();<\/p>\n
\u591a\u884c\u6587\u5b57\uff1a$(“textarea”).val();<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5728\u65e5\u5e38\u5f00\u53d1\u8fc7\u7a0b\u4e2d\uff0c\u6709\u8bb8\u591a\u7528\u5230\u8868\u5355\u7684\u5730\u65b9\u3002\u6bd4\u5982\u767b\u5f55\uff0c\u6ce8\u518c\uff0c\u6bd4\u5982…<\/p>\n","protected":false},"author":1,"featured_media":1253,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":1,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/378\/revisions"}],"predecessor-version":[{"id":1254,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/378\/revisions\/1254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/media\/1253"}],"wp:attachment":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/media?parent=378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/categories?post=378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/tags?post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}