2016-03-29 54 views
0

我想點擊一個複選框,然後複選框將被選中,如果我再次點擊,將不會被取消選中,如果我把一個按鈕,單擊該按鈕複選框可以選中如何在JavaScript中使複選框只讀?

<HTML> 
 
<HEAD> 
 
<SCRIPT> 
 
function readOnlyCheckBox() { 
 
    return false; 
 
} 
 
</SCRIPT> 
 
<BODY> 
 
<input type="checkbox" id="cbx1" 
 
    ` onClick="return readOnlyCheckBox()" CHECKED /> readonly 
 
<br/> 
 
<input type="checkbox" id="cbx2" 
 
    CHECKED DISABLED/> disabled 
 
</BODY> 
 
</HTML>

這個代碼不符合我的答案強大的文本

回答

0

的jQuery ATTR()和removeAttr()函數只是這樣做。

的Html

<input type="checkbox" id="test"> 
<button class="btn">Uncheck</button> 

jQuery的

//for check 
$("input").on("click", function() { 
    $(this).prop('checked', true).attr("readonly") 
}); 

//for uncheck 
$(".btn").on("click", function() { 
    $('input').prop('checked', false).removeAttr("readonly") 
}); 

這裏是fiddle

+0

感謝這就是我想要的.. :) –

+0

投票向上或請點擊我的答案,將不勝感激 –

0

你可以有2種功能,如

function readOnlyCheckBox(el) { 
 
    return el.checked; 
 
} 
 

 
function uncheck() { 
 
    document.getElementById('cbx1').checked = false; 
 
}
<input type="checkbox" id="cbx1" onClick="return readOnlyCheckBox(this)" CHECKED />readonly 
 

 
<br/> 
 
<button onclick="uncheck()">Uncheck</button>

+0

感謝您的幫助。:)它的工作 –

相關問題