作者liaosankai (低溫烘焙)
看板Web_Design
標題Re: [問題] 選取radio button時disable text field
時間Wed Jul 2 10:46:59 2008
※ 引述《david75 (時也!命也!運也!)》之銘言:
: ○ 選項1
: ○ 選項2
: ○ 選項3 ________
: ○ 選項4 其他:|________|
@_@試試用JQuery寫吧,由於你要的效果並不長,所以我幫你寫個範例了
---------------------------------------------------------
javascript程式碼如下,jquery-1.2.6.js請至官方下載
JQuery官方:
http://jquery.com/ 或是你可以考慮用google library
請參考:
http://blog.ericsk.org/archives/943
----------------------------------------------------------
<!--載入JS檔-->
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//當input的radio選項被選取時,且id為option4時
$("input[type='radio'][id='option4']").click(function () {
//移除id為other元素的disabled屬性
$("#other").removeAttr("disabled");
});
//當input的radio選項被選取時,且id不為option4時
$("input[type='radio'][id!='option4']").click(function () {
//為id為other元素增加一個名稱為disabled,值為disabled的屬性
$("#other").attr("disabled","disabled");
});
});
</script>
----------------------------------------------------------------
HTML改為如下,建議用標準寫法,請補上封閉標籤</tag>或是<tag />
屬性的部分請使用 key="value"的寫法
-----------------------------------------------------------------
<input id="option1" type="radio" name="a3" value="1" />選項1
<input id="option2" type="radio" name="a3" value="2" />選項2
<input id="option3" type="radio" name="a3" value="3" />選項3
<input id="option4" type="radio" name="a3" value="4" />選項4 其他:
<input id="other" type="text" name="a31" disabled="disabled" />
--
我的樂多網誌
http://blog.roodo.com/liaosankai
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.67.218.192
推 david75:感謝您的指教 <(_ _)> 07/02 10:57
→ TonyQ:提醒樓上,用name當filter會比type好..在你有多個radio時 07/02 11:04