如何解决jQuery-切换“选中”和外部元素的类别
| 第一:我不太擅长javascript,我想使用jQuery函数。 这应该发生:input[type=\"radio\"].select-editor
-如果选中,则应隐藏#alt-box
,仅显示#editor-box
。
input[type=\"radio\"].select-alt-a
,input[type=\"radio\"].select-alt-b
和input[type=\"radio\"].select-alt-c
-如果选中,则应隐藏the2ѭ并显示#alt-box
。
input[type=\"radio\"].select-alt-a
-如果选中,应在#alt-box
内显示the9ѭ并将其他div隐藏在#alt-box
内
如果单击其中一个单选按钮,则它应显示为checked=\"checked\"
,而另一个则应释放该属性。
我不在乎函数是否使用hide()
或将the14ѭ类添加到元素中。
<!-- here\'s where the action happens -->
<div id=\"select-container\">
<input type=\"radio\" class=\"select-editor\" checked=\"checked\" />
<input type=\"radio\" class=\"select-alt-a\" />
<input type=\"radio\" class=\"select-alt-b\" />
<input type=\"radio\" class=\"select-alt-c\" />
</div>
<div id=\"editor-box\">
<!-- my text editor -->
</div>
<div id=\"alt-box\">
<div id=\"alt-a\">
<!-- some content -->
</div>
<div id=\"alt-b\">
<!-- some content -->
</div>
<div id=\"alt-c\">
<!-- some content -->
</div>
</div>
以下可能是胡说八道。我希望有人能告诉我该如何处理...
<script type=\"text/javascript\">
jQuery( document ).ready( function($)
{
$( \"#select container input[type=\\\"radio\\\"]\" ).click( function()
{
// something should happen here
} );
}
);
</script>
这让我发疯,非常感谢您的帮助!
解决方法
如果只给它们全部相同的“ 17”,则用户代理将自动允许只选择\'group \'中的一个单选按钮。选择一个将取消选择可能已选择的其他任何一个:
<div id=\"select-container\">
<input type=\"radio\" name=\"selector\" class=\"select-editor\" checked=\"checked\" />
<input type=\"radio\" name=\"selector\" class=\"select-alt-a\" />
<input type=\"radio\" name=\"selector\" class=\"select-alt-b\" />
<input type=\"radio\" name=\"selector\" class=\"select-alt-c\" />
</div>
要在选择单选按钮时执行某项操作,您可以加入change
事件:
$(\'#select-container input[type=\"radio\"]\').change(function() {
//check the id of this and trigger the appropriate action
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。