jQuery检查道具.广播并取消选中onClick [英] jQuery check prop. of Radio and uncheck onClick
本文介绍了jQuery检查道具.广播并取消选中onClick的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这是代码
<html>
<head>
<link href="../../fuctions/style.css" rel="stylesheet" media="screen" type="text/css" />
<script type="text/javascript" charset="utf-8" src="../../fuctions/cordova-2.3.0.js"></script>
<script type="text/javascript" charset="utf-8" src="../../fuctions/functions.js"></script>
<script type="text/javascript" charset="utf-8" src="../../fuctions/jq.js"></script>
</head>
<body>
<div id="topbar">
<div id="title"><!--Title-->
After Landing
</div>
<div id="leftnav">
<a href="../../index_aerosoft.html">Home</a>
<a href="katana_checklist_all.html">Overview</a><!--AllChecklist-->
</div>
<div id="rightnav">
<a href="katan_checklist_engineshut-downl.html"id="a_next">Next</a></div><!--NextPage-->
</div>
<div id="content">
<ul class="pageitem">
<li class="radiobutton" onClick="checkChanges()">
<span class="name">Wing Flaps -<font color="red"> UP
</font></span>
<input name="1" type="radio" value="other" />
</li><!--CheckpunktEnd-->
<li class="radiobutton" onClick="checkChanges()">
<span class="name">Carburetor Heat -<font color="red"> OFF
</font></span>
<input name="2" type="radio" value="other" />
</li><!--CheckpunktEnd-->
<li class="radiobutton" onClick="checkChanges()">
<span class="name">Exterior Lights -<font color="red"> as required
</font></span>
<input name="3" type="radio" value="other" />
</li><!--CheckpunktEnd-->
<li class="radiobutton" onClick="checkChanges()">
<span class="name">Electric Fuel Pump -<font color="red"> OFF
</font></span>
<input name="4" type="radio" value="other" />
</li><!--CheckpunktEnd-->
</ul>
</div>
<div id="footer">
<a class="noeffect" href="#" onClick="resetChecklist();">Reset Checklist</a><!--ResetChecklist-->
<br /><br />
<a class="noeffect" href="#" onClick="openxyzDE();">xyz</a>
</div>
</body>
</html>
我有一个检查无线电检查并更改颜色"的功能
And i got a function that check for "radio is checked and change colour"
function checkChanges()
{
$('.radiobutton font').attr('color', 'red');
$('.radiobutton :checked').closest('.radiobutton').find('font').attr('color', 'green');
}
$(function()
{
checkChanges();
$('.radiobutton :radio').on('click', checkChanges);
});
我想在该代码中添加一个功能，该功能可以取消选中Radio的功能，如果选中并再次单击它(onClick)，这也应该将颜色更改为红色.
I want to add to that code a function that uncheck the Radio if its checked and been clicked again (onClick) this should also change the colour back to red.
推荐答案
少量更正...
-
删除
:checked之前的空格.更改:
$('.radiobutton :checked').closest('.radiobutton').find('font').attr('color', 'green');
收件人:
$('.radiobutton:checked').closest('.radiobutton').find('font').attr('color', 'green');
您需要在此处使用input[type="radio"].更改:
You need to use input[type="radio"] here. Change:
$('.radiobutton :radio').on('click', checkChanges);
收件人:
$('input.radiobutton[type="radio"]').on('click', checkChanges);
这篇关于jQuery检查道具.广播并取消选中onClick的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
