*加载页面时单选框默认选中(此方法适用于循环输出的单选钮的默认选中问题)
<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>