jquery复选框选中事件,js单选按钮选中事件

jquery 怎么给复选框选中

有两种方法，

①：点击事件；如：

input type="checkbox" class="ck" /

$(".ck").click();

这样就能设置复选框选中；

②：设置其checked属性；如：

input type="checkbox" class="ck" /

$(".ck").prop("checked",true);

这样就设置复选框选中

用jquery把复选框checkbox选中的值放入input框中

1、新建一个html文件，命名为test.html。

2、在test.html文件内，在p标签内，使用input标签创建一个checkbox选项和一个文本框，并且文本框设置默认值。

3、在test.html文件内，给每一个checkbox类型input元素设置name属性，统一设置为ck，主要用于下面通过该name获得input对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得input值”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getinput（）函数。

6、在js标签中，创建getinput()函数，在函数内，通过“:checked”选择器获得被选中的checkbox对象，使用next()方法获得checkbox相邻的input文本框对象，通过val()方法获得它的值。最后，使用alert()方法输出input的值。

7、在浏览器打开test.html文件，点击按钮，查看结果。

Jquery实现复选框全选与全不选

1、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。

2、然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。

3、这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。

4、然后通过prop来设置input的属性即可设置全选了，prop是jq自带的一个方法。

5、因为CheckBox可以设置checked属性，所以我们把它设置为true即可。

6、最后预览，可以看到CheckBox都被checked中了，这样就达到全选了。

jquery如何实现复选框被选中，显示下面的radio,复选框未选中，隐藏radio?

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

title无标题文档/title

body

    table

        tr

            tdinput type="checkbox" name="didian" id="k1"/地点/td

        /tr

        tr  

            tdinput type="radio"  name="place"/北京/td

            tdinput type="radio"  name="place"/上海/td

  

            tdinput type="radio"  name="place"/天津/td

            tdinput type="radio"  name="place"/重庆/td

  

            tdinput type="radio"  name="place"/深圳/td

            tdinput type="radio"  name="place"/广州/td

        /tr

    /table

script type="text/javascript" src=""/script

script type="text/javascript"

$(document).ready(function(){

    $("tr:eq(1)").hide();

    $("#k1").click(function(){

        if($(this).is(':checked')){

            $("tr:eq(1)").show();

        }else{

            $("tr:eq(1)").hide();

        }

    });

});

/script

/body

/html