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

来源:互联网 发布:海南软件职业技术学院 编辑:程序博客网 时间:2024/06/05 15:30

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

<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>



0 0
原创粉丝点击