您的位置：首页 > Web前端 > JQuery

jQuery eq()方法 =》加载页面时单选框默认选中

2016-04-21 16:53 645 查看

*加载页面时单选框默认选中（此方法适用于循环输出的单选钮的默认选中问题）

<body>

<input type="radio" name="jing">1</input>

<input type="radio" name="jing">2</input>

<script>$("input[type='radio'][name='jing']:eq(0)").click()</script>

或者

<script>$("input[type='radio'][name='jing']:eq(0)").attr("checked","checked")</script>

</body>

*一般情况下，如果单选框处于默认选中状态，那么提交表单时，不用考虑单选框，因为

单选框处于默认选中状态时，切换单选框，都会有值，一般逻辑都是将默认选中状态而不是提交表单时判空；

上面的问题，如果单选框不是处于默认选中状态，那么提交时就需要判空，当提交方式为onclick=>js处理页面时，判空如下：

延伸 1：

单选按钮的name值相同。默认选中为 checked=”checked”；

复选框为checked=true哦

<script>$("input[type='radio'][name='jing']:eq(0)").attr("checked",true</script>；

atrr(属性值)为获取对象，attr(属性，属性值)为给对象添加属性，要加双引号；

延伸 2：eq(index) 指定到index的元素,index从0开始。

demo 1:

<body>

<div></div>

<div></div>

<div></div>

<div></div>

</body>

jQuery("body").find("div").eq(2).remove(); //移除第三个div

demo 2:

<ul>

<li>list item 1</li>

<li>list item 2</li>

<li>list item 3</li>

<li>list item 4</li>

<li>list item 5</li>

</ul>

<script>$('li').eq(2).css('background-color', 'red');</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航