JQUERY点击选择INPUT
本文介绍了JQUERY点击选择INPUT的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<div class="box">
<p>按标题<input type='radio' name='radio1' value='1' checked /></p>
<p>按作者<input type='radio' name='radio2' value='2' /></p>
</div>
代码如上,按标题和按作者,默认显示按标题一个并checked,点击显示两个,如果点击按作者隐藏按标题并选择checked当前项,点按标题隐藏按作者,总之不论点击哪个隐藏另一个并checked选择该项。再点击还是显示两个,因为代码的固定,只能用INPUT不能用SELECT,说得有点乱,- -,还请谅解,希望能够帮我解决下这个问题,非常感谢!~
解决方案
js代码不贴一下吗
<div class="box">
<p>按标题<input type='radio' name='radio1' value='1' checked /></p>
<p>按作者<input type='radio' name='radio1' value='2' /></p>
</div>
$(function(){
var flag=true;
$('.box').find('input').each(function(){
$(this).click(function(){
if(flag==true){
$('.box').find('input').parent().hide();
$(this).parent().show()
flag=false;
console.log(flag)
}else if(flag==false){
$('.box').find('p').show();
flag=true
console.log(flag)
}
})
})
})
这篇关于JQUERY点击选择INPUT的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文