blocks|key|1238655|text|我已经把你的问题分叉了：http://jsfiddle.net/fC38V/，并做了一些补充：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1238656|$('#settings').submit(function(){
++++alert($(this).serialize());
});

$('#settings+img').click(function()+{
++++$(this).parent().find(":radio").attr('checked',+true);
++++$("#settings").submit();+//+submits+form+on+click
});​|code-block|syntax|javascript|1238657|通过在点击处理程序之前添加一个提交处理程序并测试分支小提琴，我只能在我的浏览器(MacOSX10.8上的Safari6.0.1)中验证它是否如预期的那样工作(据我的描述所知)。|1238658|请确保：|1238659|1238660|没有嵌套表单。浏览器对此会变得非常挑剔。|ordered-list-item|1238661|1238662|中只有一个元素的id为“#settings”|1238663|我能想到的唯一另一个可能的问题是你的浏览器...你用的是什么？|1238664|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/fC38V/^0|C|Q|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|D|3|E|5|F|7|17|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|18|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|19|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]|$1|N|3|O|5|P|7|1B|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|P|7|1C|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|1D|8|@]|9|@]|C|$]]|$1|T|3|U|5|6|7|1E|8|@]|9|@]|C|$]]|$1|V|3|-4|5|6|7|1F|8|@]|9|@]|C|$]]]|W|$X|$5|Y|Z|10|C|$11|12]]]]

I've forked your issue: <a href="http://jsfiddle.net/fC38V/" rel="nofollow">http://jsfiddle.net/fC38V/</a> and made some additions:

<pre><code>$('#settings').submit(function(){
 alert($(this).serialize());
});

$('#settings img').click(function() {
 $(this).parent().find(":radio").attr('checked', true);
 $("#settings").submit(); // submits form on click
});​
</code></pre>

By adding a submit handler before your click handler and testing the forked fiddle, I can only verify that it works as intended (as far as I can tell by the description) in my browser (Safari 6.0.1 on Mac OS X 10.8).

Please make sure that:

<ol>
<li>there are no nester forms. browsers can get really picky about this.</li>
<li>there are is only one element with the id "#settings"</li>
</ol>

The only other possible problem I can come up with is your browser... what are you using?

blocks|key|3588886|text|Javascript是异步的。看起来表单在jQuery可以选中复选框之前提交。尝试将提交放在回调中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3588887|$('#settings+img').click(function()+{
++$(this).parent().find(":radio").attr('checked',+true).one('change',+function(){
+++++$("#settings").submit();
++});
});|code-block|syntax|javascript|3588888|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Javascript is asynchronous.
It looks like the form is submitting before jQuery can check the checkbox. Try putting the submit in a callback:

<pre><code>$('#settings img').click(function() {
 $(this).parent().find(":radio").attr('checked', true).one('change', function(){
 $("#settings").submit();
 });
});
</code></pre>

blocks|key|5057263|text|也许不是最好的答案，但是如果你给你的图片一个类，你可以用.image替换：#settings+img，然后它就可以工作了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5057264|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Maybe not the best answer but if you give your images an class you can replace : #settings img with .image then it works

blocks|key|3588939|text|这里的问题是赋予checked属性的true值。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3588940|jsfiddle在Chrome中提供了works。但是it+不能在火狐中使用。要使它也能在Firefox中工作，请使用checked属性的checked值。|BOLD|3588941|$('#settings+img').click(function()+{
++$(this).parent().find(":radio").attr('checked',+'checked');
});|code-block|syntax|javascript|3588942|另一种方法是直接操作(以及)+DOM元素的checked属性：|3588943|$(this).parent().find(":radio").get(0).checked+=+true;|3588944|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/eLGBt/^0|8|7|I|4|0|J|5|U|8|1N|7|1X|7|0|8|0|0|0|L|7|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|14|8|@$9|15|A|16|B|H]|$9|17|A|18|B|H]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|I|3|J|5|K|7|1G|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|1H|8|@$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|1K|8|@]|D|@]|E|$L|M]]|$1|R|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]]]

The problem here was the <code>true</code> value given to the <code>checked</code> attribute.

The <a href="http://jsfiddle.net/eLGBt/" rel="nofollow">jsfiddle</a> provided works in Chrome. But it doesn't in Firefox. To make it work also in Firefox, use the <code>checked</code> value for the <code>checked</code> attribute.

<pre><code>$('#settings img').click(function() {
 $(this).parent().find(":radio").attr('checked', 'checked');
});
</code></pre>

An alternative would be to directly manipulate (as well) the <code>checked</code> property of the DOM element:

<pre><code>$(this).parent().find(":radio").get(0).checked = true;
</code></pre>

I'm using image replacements for radio buttons by hiding the buttons and selecting them depending on what image is clicked.

When an image is clicked I want them to select a radio button, and then submit.

This is my original code:

<pre><code>$('#settings img').click(function() {
 $(this).parent().find(":radio").attr('checked', true);
});
</code></pre>

This works if I click on an image and then submit.

I extended it to submit the form on click:

<pre><code>$('#settings img').click(function() {
 $(this).parent().find(":radio").attr('checked', true);
 $("#settings").submit();
});
</code></pre>

In this case, the form submits but it does not change the value. If I submit it by clicking the button, it works fine.

Where have I gone wrong?

jQuery submit(); not picking up value

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我使用图像替换单选按钮，隐藏按钮，并根据单击的图像选择它们。当一个图像被点击时，我希望他们选择一个单选按钮，然后提交。这是我的原始代码：$('#settings img').click(function() {  $(this).parent().find(":radio").attr('checked', true)...

问jQuery submit()；不获取值
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery submit()；不获取值EN