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

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

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


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

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

上面的问题,如果单选框不是处于默认选中状态,那么提交时就需要判空,当提交方式为οnclick=>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>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值