亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何用復選框實現單選

如何用復選框實現單選

qq__8222 2017-10-26 09:48:30
<!DOCTYPE html><html><head>?? ?<meta charset="UTF-8">?? ?<title>Document</title>?? ?<script type="text/javascript" src="jquery.min.js"></script></head><body>?? ?<div style="line-height:1.5em;padding: 5px 0;font-size: 14px;"><ul><li><input type="checkbox" name="checkbox1"/>A.我比失戀還難受</li><li><input type="checkbox" name="checkbox1" />B.科比的退役是可惜，但是很快會有新人代替他</li><li><input type="checkbox" name="checkbox1" />C.科比就是矯情，退役還搞這么大的排場</li><li><input type="checkbox" name="checkbox1"/>D.其他，_________________</li></ul> </div><script>? $(function(){????? $(':checkbox').each(function(){ //遍歷頁面中所有的checkbox$(this).click(function(){//為頁面中每一個checkbox設置點擊事件if($(this).attr('checked')){ //如果有checkbox狀態為選中//$(':checkbox').removeAttr('checked'); //移除checked屬性，改變checkbox狀態為未選中(為頁面中所有checkbox復選框添加設置)$(':checkbox').attr('disabled','disabled'); //或者直接設置checkbox復選框為禁用(為頁面中所有checkbox復選框添加設置)$(this).attr('checked','checked'); //為當前點擊選中的checkbox復選框添加checked屬性} }); });??? });</script></body></html>
查看完整描述

5 回答

?
腦袋空空空想家

TA貢獻42條經驗 獲得超49個贊

js部分：

$(function(){

? ? ? ? $(':checkbox[type="checkbox"]').each(function(){

? ? ? ? ? ? $(this).click(function(){

? ? ? ? ? ? ? ? if($(this).attr('checked')){

? ? ? ? ? ? ? ? ? ? $(':checkbox[type="checkbox"]').removeAttr('checked');

? ? ? ? ? ? ? ? ? ? $(this).attr('checked','checked')；

? ? ? ? ? ? ? ? }

? ? ? ? ? ? });

? ? ? ? });

? ? });


查看完整回答
3 反對 回復 2017-10-26
  • qq__8222
    qq__8222
    謝謝，
  • qq__8222
    qq__8222
    可能是我表達的不清楚，其實我想實現的是所有的input中有且僅有一個可以被選中，而且點擊li的時候，其對應的input也會被選中?，F在我可以實現點擊input的時候可以被單選，但是點擊li的時候沒辦法使其對應的input被選中，希望大神可以幫忙看看，謝謝。 js如下： $(function(){ $(':checkbox[type="checkbox"]').each(function(){ $(this).click(function(){ $(this).attr('checked','checked').parents("li").siblings().children("input").removeAttr('checked'); }); }); });
?
XAGT

TA貢獻26條經驗 獲得超17個贊

那位高手可以看看，很簡單，但我不懂。?
float a;
a=100;
printf("%f",a%5);
為什么會錯誤呢

查看完整回答
2 反對 回復 2017-10-26
?
joffyzou

TA貢獻45條經驗 獲得超17個贊

<script>
var?i,j,
????liList?=?document.getElementsByTagName("li"),
????liLength?=?liList.length,
????btns?=?document.getElementsByTagName("input");

for?(i=0;?i<liLength;?i++)?{
	liList[i].onclick?=?function?()?{
		for?(j=0;?j<btns.length;?j++)?{
			btns[j].checked?=?false;
		}
		var?btn?=?this.getElementsByTagName("input")[0];
		btn.checked?=?true;
	}
}
</script>


查看完整回答
反對 回復 2017-10-27
?
SoEasy_1

TA貢獻15條經驗 獲得超6個贊

$(function(){
??$("li").click(function(){
	??$("li?input[type='checkbox']").removeAttr("checked");
	??$(this).find("input[type='checkbox']").attr('checked','checked');
??});
});

是這個意思吧，li控制按鈕

查看完整回答
反對 回復 2017-10-26
?
FSYu

TA貢獻152條經驗 獲得超59個贊

你想問什么？？？

查看完整回答
反對 回復 2017-10-26
  • 5 回答
  • 0 關注
  • 3617 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號