如何更改單選按鈕單擊文本框的文本方向？

我有這一小段代碼，我無法解決方向問題。我有一個帶有左側不變方向的文本字段。我有2個單選按鈕，「右」和「左」。當我點擊「右」時，它顯示「右」單選按鈕的值，與「左」相同。我想要點擊「右」時，文本顯示在dir="rtl"文本字段的右側，點擊「左」時，dir="ltr"。如何更改單選按鈕單擊文本框的文本方向？

下面是代碼：

$(function() { 
 
    $('input[name="radio-1"]').on('change', function() { 
 
    $('input[name="direction"]').val($(this).val()); 
 
    }); 
 
});

.toggler { 
 
    height: 50px; 
 
    position: absolute; 
 
} 
 
.toggler2 { 
 
    position: absolute; 
 
}

<!doctype html> 
 
<html lang="en"> 
 

 
<head> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
</head> 
 

 
<body> 
 
    <legend>Choose direction:</legend> 
 
    <input type="radio" class="click" name="radio-1" id="radio-1" value="Right"> 
 
    <label for="radio-1">Right</label> 
 
    <input type="radio" class="click" name="radio-1" id="radio-2" value="Left"> 
 
    <label for="radio-2">Left</label> 
 
    <div class="toggler2"> 
 
    <input type="text" name="direction"> 
 
    </div> 
 
</body> 
 

 
</html>

工作代碼：https://jsfiddle.net/pk0vnkLn/

來源

2016-11-14 Edvards Krickis

您可以通過設置基於檢查選項的元素有關的dir屬性解決這個問題：

$('input[name="radio-1"]').on('change', function() { 
    var value = $(this).val(); 
    $('input[name="direction"]').val(value).attr('dir', value == 'Right' ? 'rtl' : 'ltr'); 
});

Updated fiddle

來源

2016-11-14 13:40:25

快速射擊...我們剛剛在觸摸四線後纔看到球。 –

謝謝你的回答。得到我想要的，但仍然沒有解決我的問題，與我正在工作的5天。現在是時候對此提出質疑，但不知道我是否可以。仍然感謝您改變方向;） –

如何更改單選按鈕單擊文本框的文本方向？

回答

相關問題