html 设置input单选点击图片时选中?

html-css013

html 设置input单选点击图片时选中?,第1张

把input和img包含在同一个label标签内,而label的for属性指向input的id即可,比如:

<label for="test1">

<input id="test1" name="test" type="radio"/><img src="图片1"/>

</label>

<label for="test2">

<input id="test2" name="test" type="radio"/><img src="图片2"/>

</label>

<label for="test3">

<input id="test3" name="test" type="radio"/><img src="图片3"/>

</label>

1、首先在电脑桌面中,鼠标双击桌面图标,进入dw软件,会出现选择项

2、进入以后,选择创建html文件,双击即可,在这里也可以打开最近所使用的html文件,也可以选择以前编辑的网页。

3、现在选择”插入记录“选项卡,点击选项卡下的图像按钮,下面还会出现一个对话框。

4、在”插入对话框“中选择所需要的图片选中,然后单击确定按钮即可。

5、现在一切已经完成,可以看一下图片,然后在属性里面改变图片的属性,就可以了。

假设没彩色的图片是1.png  有彩色的是2.png 然后这个是一个div的背景图 底下是div的文字 代码如下

$('div').mouseover(function(){

    $(this).css('background','url(2.png)').css('color','blue')

}).mouseout(function(){

    $(this).css('background','url(1.png)').css('color','#000')

})